# 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.
By 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