npix

GeneralIntroduction Installation CLI Theming CreditsComponentsAlert Button Button Group Card Checkbox Drawer Input Modal Popconfirm Radio Select Spinner Switch Tabs Toast Tooltip

GeneralIntroduction Installation CLI Theming CreditsComponentsAlert Button Button Group Card Checkbox Drawer Input Modal Popconfirm Radio Select Spinner Switch Tabs Toast Tooltip

Example

Success!

Payment successful.

Props

Type

Title

Installation

npx npix@latest add Alert

Usage

<div className="w-full">
  <Alert
    title="Success!"
    type="success"
  >
    Payment successful.
  </Alert>
</div>

API

title

string

Title of the alert

type

'success' | 'warning' | 'info' | 'danger

Type of the alert

children

React.ReactNode

Alert body

Field	Description	Type
title	Title of the alert	string
type	Type of the alert	'success' \| 'warning' \| 'info' \| 'danger
children	Alert body	React.ReactNode