JSPM

@chakra-ui/alert

2.2.2
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 382521
  • Score
    100M100P100Q185941F
  • License MIT

A React component used to alert users of a particular screen area that needs user action

Package Exports

  • @chakra-ui/alert
  • @chakra-ui/alert/package.json

Readme

@chakra-ui/alert

Alerts visually highlight important content for the user. They can contain a title, an icon and content. Each intent has a default icon associated with it.

Installation

yarn add @chakra-ui/alert

# or

npm i @chakra-ui/alert

Import components

import {
  Alert,
  AlertTitle,
  AlertIcon,
  AlertDescription,
} from "@chakra-ui/alert"

Basic usage

<Alert status="error" variant="solid" justifyContent="center">
  <AlertIcon />
  <AlertTitle>Your browser is outdated!</AlertTitle>
  <AlertDescription>Your Chakra experience may be degraded.</AlertDescription>
</Alert>