x
1
2
3
4
5
6
7
<div role="alert" aria-live="assertive" aria-atomic="true" class="relative w-full rounded-md border p-4 flex items-start gap-3 [&>i]:translate-y-0.5 [&>i]:shrink-0 bg-background text-foreground border-input"> <i data-lucide="info" class="inline-block w-4 h-4 shrink-0" aria-hidden="true"></i> <div class="flex flex-col gap-1 min-w-0 flex-1"> <h5 class="font-medium leading-none tracking-tight">Heads up!</h5> <div class="text-sm leading-relaxed [&_p]:leading-relaxed">This is a sample alert message.</div> </div></div>1
2
3
4
render(UI::Alert.new(variant: variant.to_sym)) do |alert| alert.with_title { title } alert.with_description { description }endNo notes provided.
| Param | Description | Input |
|---|---|---|
|
— |
|
|
|
— |
|
|
|
— |
|