Modal

number | false | true

Determines whether the content should animate when it is shown or hidden. - If `true`, the `animating` state will be `true` when the content is shown or hidden and it will wait for a CSS animation/transition to end before becoming `false`. - If it's set to a number, the `animating` state will be `true` when the content is shown or hidden and it will wait for the number of milliseconds to pass before becoming `false`. @deprecated Manually setting the `animated` prop is no longer necessary. This will be removed in a future release.

Boolean | undefined = false

Whether the content should be visible by default.

DisclosureStore

A reference to another disclosure store that controls another disclosure component to keep them in sync. Element states like `contentElement` and `disclosureElement` won't be synced. For that, use the [`store`](https://ariakit.org/reference/disclosure-provider#store) prop instead. Live examples: - [Command Menu](https://ariakit.org/examples/dialog-combobox-command-menu)

(mounted: boolean) => void

A callback that gets called when the `mounted` state changes. @example const [mounted, setMounted] = useState(false); const disclosure = useDisclosureStore({ setMounted });

(open: boolean) => void

A callback that gets called when the [`open`](https://ariakit.org/reference/disclosure-provider#open) state changes. @example const [open, setOpen] = useState(false); const disclosure = useDisclosureStore({ open, setOpen });

Boolean

Boolean

"circle" | "square"

"xxs" | "xs" | "sm" | "md" | "lg"

"disabled" | "primary" | "secondary" | "tertiary" | "primary-info" | "secondary-info" | "primary-success" | "secondary-success" | "ghost" | "primary-warning" | "secondary-warning" | "primary-danger" | "secondary-danger"

{ title: string; subtitle: string; }

ReactElement<any, string | JSXElementConstructor<any>>

string | Element

string | Element