diff --git a/docs/src/pages/components/ComposedModal.svx b/docs/src/pages/components/ComposedModal.svx index a7e921a5..6fe96ac2 100644 --- a/docs/src/pages/components/ComposedModal.svx +++ b/docs/src/pages/components/ComposedModal.svx @@ -6,12 +6,16 @@ components: ["ComposedModal", "ModalHeader", "ModalBody", "ModalFooter"] import Preview from "../../components/Preview.svelte"; +`ComposedModal` lets you build custom modals by combining `ModalHeader`, `ModalBody`, and `ModalFooter` components. Use it to create focused interactions that require user attention or input. + ## Composed modal +Create a modal with a header, body, and footer. Each section can be customized independently. + ## Multiple secondary buttons -Use the `secondaryButtons` prop in `ModalFooter` to render two secondary buttons for a "3-button modal". The prop is a 2-tuple type that supersedes `secondaryButtonText`. +Set `secondaryButtons` in `ModalFooter` to create a 3-button modal. This prop replaces `secondaryButtonText` and takes a tuple of two button configurations. \ No newline at end of file