View Source LiveViewUI.Alert (LiveViewUI v0.0.6)

A simple alert component for displaying important messages.

Example Usage

Here is a basic example of setting up an alert with a title and description:

<Alert.root variant={:warning}>
  <Lucide.terminal class="size-4" />
  <Alert.title>Heads up!</Alert.title>
  <Alert.description>
    You can add components to your app using the CLI.
  </Alert.description>
</Alert.root>

This structure allows you to create styled alert messages with customizable content.

Summary

Functions

Attributes

  • class (:any) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block (required)

Attributes

  • cva_class (:string) - Defaults to nil.
  • variant (:string) - Defaults to "default".
  • class (:any) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block (required)

Attributes

  • class (:any) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block (required)

Functions

Attributes

  • class (:any) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block (required)

Attributes

  • cva_class (:string) - Defaults to nil.
  • variant (:string) - Defaults to "default".
  • class (:any) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block (required)

Attributes

  • class (:any) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block (required)