Alert
Displays a callout for user attention.
Usage
Example
Without icon
Warning
Destructive
Success
Components
Component | Built using | Source |
---|---|---|
Alert | Phlex | |
AlertDescription | Phlex | |
AlertTitle | Phlex |
Displays a callout for user attention.
Alert do rocket_icon AlertTitle { "Pro tip" } AlertDescription { "With PhlexUI you'll ship faster." } end
Alert do AlertTitle { "Pro tip" } AlertDescription { "Simply, don't include an icon and your alert will look like this." } end
Alert(variant: :warning) do info_icon AlertTitle { "Ship often" } AlertDescription { "Shipping is good, your users will thank you for it." } end
Alert(variant: :destructive) do alert_icon AlertTitle { "Oopsie daisy!" } AlertDescription { "Your design system is non-existent." } end
Alert(variant: :success) do check_icon AlertTitle { "Installation successful" } AlertDescription { "You're all set to start using PhlexUI in your application." } end
Component | Built using | Source |
---|---|---|
Alert | Phlex | |
AlertDescription | Phlex | |
AlertTitle | Phlex |