ui/dialog

Types

Size

pub type Size {
  Small
  Medium
  Large
}

Constructors

```
Small
```
```
Medium
```
```
Large
```

Variant

</>

pub type Variant {
  Default
  Muted
}

Constructors

```
Default
```
```
Muted
```

Values

close

</>

pub fn close(
  attributes: List(attribute.Attribute(a)),
) -> element.Element(a)

content

</>

pub fn content(
  attributes: List(attribute.Attribute(a)),
  children: List(element.Element(a)),
) -> element.Element(a)

Dialog content with optional ID for focus scope management.

Provide an id attribute to enable focus trapping with ui/focus.

Example

dialog.content([
  attribute("id", "my-dialog"),
  attribute("data-state", "open"),
], [
  dialog.title([], [text("Title")]),
  // ... dialog content
])

description

</>

pub fn description(
  attributes: List(attribute.Attribute(a)),
  children: List(element.Element(a)),
) -> element.Element(a)

dialog

</>

pub fn dialog(
  attributes: List(attribute.Attribute(a)),
  children: List(element.Element(a)),
) -> element.Element(a)

size

</>

pub fn size(s: Size) -> attribute.Attribute(a)

title

</>

pub fn title(
  attributes: List(attribute.Attribute(a)),
  children: List(element.Element(a)),
) -> element.Element(a)

trigger

</>

pub fn trigger(
  attributes: List(attribute.Attribute(a)),
  children: List(element.Element(a)),
) -> element.Element(a)

variant

</>

pub fn variant(v: Variant) -> attribute.Attribute(a)