s-m-r-t
Open the s-m-r-t source on GitHub Switch to dark color scheme
← All UI components

Feedback and overlays

Alert

No summary has been written for Alert. Everything below is generated from the declaration shipped in 0.44.0 and describes the real contract.

Public export

typescript
import { Alert } from '@happyvertical/smrt-ui/feedback';
Import path
@happyvertical/smrt-ui/feedback
Props
7
Props described
7 of 7
Bindable state
0
Callback events
1
Verified release
0.44.0

Props

NameTypeRequiredDescription
variant'info' | 'success' | 'warning' | 'error'NoAlert type that controls styling and ARIA role.
titlestringNoOptional heading text displayed above the message.
childrenSnippetNoMain message content shown in the alert body.
actionSnippetNoOptional snippet to render an action button or link.
dismissiblebooleanNoWhether a close button appears to dismiss the alert.
ondismiss() => voidNoCallback when the user clicks the dismiss button.
classstringNoCSS class to apply to the alert container.

Bindable state

This component has no bindable public state.

Callback events

  • ondismiss() => void

Examples and explanation