# Modal | Prop | Data type | Required? | Default | Description | | --------- | ----------------- | --------- | ------- | -------------------------------- | | `title` | `string` | Yes | | The modal title | | `v-model` | `true` \| `false` | Yes | | Whether the modal is open or not | ## Modal open ```vue-html Modal content Open modal ``` Modal content Open modal ## Modal actions Use the `#actions` slot to add actions to a modal. Actions typically take the form of [buttons](./button). ```vue-html Modal content Open modal ``` Modal content Open modal ## Nested modals You can nest modals to allow users to open a modal from inside another modal. This can be useful when creating a multi-step workflow. ```vue-html Nested modal content Open nested modal Open modal ``` Nested modal content Open nested modal Open modal ## Alert inside modal You can nest [Funkwhale alerts](./alert) to visually highlight content within the modal. ```vue-html Modal content Open modal ``` Modal content Open modal