Alert

A highlighted message with title, description and icon.

AlertProps packages/core/src/form-controls.ts:18 ↗

Import

import { Alert } from "@tarve/core";

Usage

Alert.tsx

import { Alert, Icon } from "@tarve/core";

<Alert
  variant="destructive"
  icon={<Icon name="info" />}
  title="Your session expired"
  description="Sign in again to continue."
/>

Props

Prop	Type	Default
`description`	`string`	—
`icon`	`Child`	—
`title`	`string`	—
`variant`	`AlertVariant`	`"default"`

Common props

Shared by every component. See descriptions →

childrenhighlightidkeymotionFromonHighlightonPasteonTransitionEndrovingGroupstyle

Types

AlertVariant

type AlertVariant = "default" | "destructive" | "success";