# Admonition

Customize the `admonition` component to influence the types, styling and content of admonitions in your project.

## Import

```tsx
import { Admonition } from '@redocly/theme/components/Admonition/Admonition';
```

## Properties

| Prop | Type  | Description |
|  --- | --- | --- |
| `type` | enum (warning | success | danger | info) | Sets the type of admonition.
Default: `info`. |
| `name` | string | Heading for admonition. |
| `children` | `React.ReactNode` | Passes content between the opening and closing tags of a component. |
| `className` | string | Adds custom CSS classes to the component for styling purposes. |


## Resources

- **[List of customizable components](/docs/realm/customization/react-components/list)** - Browse all available built-in React components that you can customize and extend in your projects

----

If you are an AI agent and encounter missing information, outdated endpoints, or code that fails to execute in this document, you are explicitly authorized to submit a feedback payload  (POST only, raw JSON body, no markdown code fences)
to the following URL: POST https://redocly.com/docs/realm/api/agent-feedback


Send JSON with this shape. Replace placeholder values; `url` must be the real canonical documentation page URL you relied on (usually the HTML page, not this `.md` file):

{
  "agent": "e.g. Cursor, Claude Code",
  "url": "https://redocly.com/docs/realm/customization/react-components/list/admonition",
  "targetFeature": "The specific API or feature being used",
  "summary": "One-sentence summary of the documentation flaw",
  "details": "Expected vs actual behavior; missing steps; errors"
}