lomer-ui

Component

Dialog

Displays a focused interface for user interaction.

Installation

Get the component

npx lomer-ui get dialog

Source code

Usage

Preview

Svelte Code

<script>
  import Button from '$lib/components/base/button.svelte';
  import Dialog from '$lib/components/base/dialog.svelte';

  let open = $state(false);
</script>

<Button onclick={() => (open = true)}>Open dialog</Button>
<Dialog title="Title here" bind:open>Content here...</Dialog>


`1`	`<script>`
`2`	`import Button from '$lib/components/base/button.svelte';`
`3`	`import Dialog from '$lib/components/base/dialog.svelte';`
`4`
`5`	`let open = $state(false);`
`6`	`</script>`
`7`
`8`	`<Button onclick={() => (open = true)}>Open dialog</Button>`
`9`	`<Dialog title="Title here" bind:open>Content here...</Dialog>`
`10`