Docs
Admonition
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.