---
components: ["ComposedModal", "ModalHeader", "ModalBody", "ModalFooter"]
---

<script>
  import Preview from "../../components/Preview.svelte";
</script>

### Composed modal

<FileSource src="/framed/Modal/ComposedModal" />

### 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`.

<FileSource src="/framed/Modal/3ButtonComposedModal" />