menu

Anique

Alert

information-box-outline
This is an info alert - check it out!
alert
This is a warning alert - check it out!
alert
This is an error alert - check it out!
check-circle-outline
This is a success alert - check it out!
check-circle-outline
This is the default success alert - check it out!
texture-box
content-copy
xml
import {Column} from "@qinetik/anique/column"; import {Alert, AlertType} from "@qinetik/anique/alert"; export default function AlertExamples() { return ( <Column gap={"2em"}> <Alert type={AlertType.Info}> This is an info alert - check it out! </Alert> <Alert type={AlertType.Warning}> This is a warning alert - check it out! </Alert> <Alert type={AlertType.Error}> This is an error alert - check it out! </Alert> <Alert type={AlertType.Success}> This is a success alert - check it out! </Alert> <Alert type={AlertType.Success}> This is the default success alert - check it out! </Alert> </Column> ) }