Moon liveview storybook Moon Liveview Storybook

Alert

Website
Moon Design System Website
HEX
View package HEX
GitHub
View repository GitHub
Alert title
Content here
Attribute Type Documentation Default Value
id :string

Unique identifier for the alert component. Required for the close button to work if present
variant :string "neutral"
has_start_content :boolean

If true, the start icon will be rendered
false
has_dismiss_button :boolean

If true, the dismiss button will be rendered
false
has_action_button :boolean

If true, the action button will be rendered
false
on_dismiss {:fun, 1}

Function to call on close button click
on_action_click {:fun, 1}

Function to call on action button click
start_content :slot
Show slot attributes Hide slot attributes
class :string

Additional classes for the start content.

 
<:start_content>
  <.icon name="star" />
</:start_content>
<:action_button_content>
  Action
</:action_button_content>
<:description>
  Content here
</:description>
Alert title
description :slot 
<:start_content>
  <.icon name="star" />
</:start_content>
<:action_button_content>
  Action
</:action_button_content>
<:description>
  Content here
</:description>
Alert title
action_button_content :slot 
<:start_content>
  <.icon name="star" />
</:start_content>
<:action_button_content>
  Action
</:action_button_content>
<:description>
  Content here
</:description>
Alert title
inner_block :slot

Inner block of the alert