(() => {
function Demo() {
const [open, setOpen] = React.useState(false);
return <>
<Button onClick={() => setOpen(true)}>Open modal</Button>
<Modal
open={open}
onClose={() => setOpen(false)} title="Open me">
<p>Body content.</p>
</Modal>
</>;
}
return <Demo />;
})()
Modal
src/components/feedback.tsx
Import
import { Modal } from "@ossrandom/design-system";
Examples
API
extends BaseProps
| Prop | Type |
|---|---|
open required |
boolean |
title |
ReactNode |
description |
ReactNode |
size |
Size | "fullscreen" |
closeOnEsc |
boolean |
closeOnBackdrop |
boolean |
footer |
ReactNode |
children |
ReactNode |
onClose required |
() => void; |