Skip to main content

Alert

Alert component for feedback.

When To Use#

  • When you need to show alert messages to users.
  • When you need a persistent static container which is closable by user actions.

Examples#

import { Alert } from 'tailor-ui';

Basic#

Info Text

With type#

Info Text
Success Text
Warning Text
Error Text

With closable#

Info Text

API#

PropertyDescriptionTypeDefault
closablebooleanfalse
type'info' | 'success' | 'error' | 'warning''info'
messageReactNode
onClose() => void
onClosed() => void