Alert

Preview

Heads up!

You can add components to your app using the npx skeci-ui command.

Installation

npx skeci-ui add alert

Usage

import { Alert } from '@/components/ui/alert';

<Alert title="Attention">
  This is an important message for you.
</Alert>

Variants

Info

A new version of skeci-ui is available.

Success

Your project has been successfully initialized.

Warning

Please back up your files before proceeding.

Error

Something went wrong while processing your request.

Custom Content

Use terminal to debug issues.

Props

Prop	Type	Default	Description
variant	'default' | 'info' | 'warning' | 'error' | 'success'	'default'	The visual style and icon of the alert.
title	string	—	An optional title for the alert.