Svelte modal component

By default component displays an inline affordance, as button or link. Can be configured to optionally display multiple or 0 actions, text and/or form content, and custom headings and icons. Modal will close via click on background or 'escape' key.

See component code for all configuration options.

Defaults to button with 'Open' label

Can quickly set styles for destructive actions

Can change to inline text instead

I'm text that has a

modal link

inline.

Can use fragments to load structured content

Can contain text and/or form inputs