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