Alert
Upozornění s variantami filled / light / outline / transparent, 9 barvami, 5 velikostmi a dismiss tlačítkem
Installation
pnpm dlx shadcn@latest add https://registry.ceskysoftware.cz/r/alert.json
Usage
Preview
Varianty
Varianta: light
light varianta upozornění.
Varianta: filled
filled varianta upozornění.
Varianta: outline
outline varianta upozornění.
Varianta: transparent
transparent varianta upozornění.
Barvy (light varianta)
blue
blue upozornění.
green
green upozornění.
red
red upozornění.
yellow
yellow upozornění.
orange
orange upozornění.
secondary
secondary upozornění.
primary
primary upozornění.
Barvy (filled varianta)
blue
Filled blue upozornění.
green
Filled green upozornění.
red
Filled red upozornění.
orange
Filled orange upozornění.
secondary
Filled secondary upozornění.
Velikosti (light, blue)
Velikost xs
Velikost sm
Velikost md
Velikost lg
Velikost xl
Typy ikon
info
Typ ikony: info
success
Typ ikony: success
warning
Typ ikony: warning
error
Typ ikony: error
Smazatelné (dismissible)
Chyba platby
Platba nebyla zpracována. Zkuste to znovu.
Import
import { Alert } from "@/components/ui/alert"
Example
<Alert variant="light" color="blue" icon="info" title="Info" dismissible>
Zpráva pro uživatele.
</Alert>
<Alert variant="filled" color="red" icon="error" title="Chyba">
Platba nebyla zpracována.
</Alert>
<Alert variant="outline" color="yellow" icon="warning">
Předplatné vyprší za 3 dny.
</Alert>
Dependencies
lucide-reactclass-variance-authorityhttps://registry.ceskysoftware.cz/r/utils.json (registry)