View Source LiveViewUI.UI.Alert (LiveViewUI v0.0.7)
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 tonil
.- Global attributes are accepted.
Slots
inner_block
(required)
Attributes
cva_class
(:string
) - Defaults tonil
.variant
(:string
) - Defaults to"default"
.class
(:any
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)
Attributes
class
(:any
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)
Functions
Attributes
class
(:any
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)
Attributes
cva_class
(:string
) - Defaults tonil
.variant
(:string
) - Defaults to"default"
.class
(:any
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)
Attributes
class
(:any
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)