Admonition

Docs

Admonition

Displays a callout for user attention.

Is it accessible?

Yes. It adheres to the WAI-ARIA design pattern.

import { Admonition } from 'ui-patterns/admonition'
 
export function AdmonitionDemo() {
  return (
    <Admonition
      type="default"
      title="Is it accessible?"
      description="Yes. It adheres to the WAI-ARIA design pattern."
    />
  )
}

Usage

import { Admonition } from 'ui-patterns/admonition'

<Admonition
  type="default"
  title="Is it accessible?"
  description="Yes. It adheres to the WAI-ARIA design pattern."
/>

Examples

Warning

This is a warning

This is a warning description.

Destructive

This is a destructive admonition

This is a destructive admonition description.

PreviousIntroduction

NextAssistant Chat