@fluentliteui/dialog

install

yarn add @fluentliteui/dialog

usage

import { dialog } from "@fluentliteui/dialog";
import "@fluentliteui/dialog/dist/index.css";

function App() {
    const [showDialog, setShowDialog] = useState<boolean>(true);
    return <>
        <Button onClick={() => {
          setShowDialog(true);
        }}>open</Button>
        <Dialog style={{ width: "300px" }} 
        show={showDialog}
        label="hello"
        showCancel={false}
        body={<p>this is a demo</p>}
        closeButtonColor="#f00"
        onOK=()=>{}
        />
    <>
}