# Callout components

> Highlight important messages with 3 React callout components styled using Tailwind CSS for attention-grabbing UI alerts and notices.

19 components available. Showing all of them below.

- [Admonition](https://21st.dev/@deltacomponents/components/admonition/all-types-admonition.md) — by deltacomponents
- [Admonition](https://21st.dev/@deltacomponents/components/admonition/custom-icons-admonition.md) — by deltacomponents
- [Alert](https://21st.dev/@sean0205/components/alert-1/extended.md) — by Sean Hello
- [Alert](https://21st.dev/@sean0205/components/alert-1/actions.md) — by Sean Hello
- [Alert](https://21st.dev/@mynaui/components/alert/with-link-button.md) — by shadcn
- [Alert](https://21st.dev/@shadcn/components/alert.md) — by shadcn
- [Alert](https://21st.dev/@mynaui/components/alert/minimalist.md) — by shadcn
- [Note](https://21st.dev/@shugar/components/note/labels.md) — by tigran tumasov
- [Note](https://21st.dev/@shugar/components/note/success.md) — by tigran tumasov
- [Note](https://21st.dev/@shugar/components/note/action.md) — by tigran tumasov
- [Note](https://21st.dev/@shugar/components/note/error.md) — by tigran tumasov
- [Note](https://21st.dev/@shugar/components/note/cyan.md) — by tigran tumasov
- [Note](https://21st.dev/@shugar/components/note/secondary.md) — by tigran tumasov
- [Note](https://21st.dev/@shugar/components/note/warning.md) — by tigran tumasov
- [Note](https://21st.dev/@shugar/components/note/violet.md) — by tigran tumasov
- [Note](https://21st.dev/@shugar/components/note/disabled.md) — by tigran tumasov
- [Note](https://21st.dev/@shugar/components/note.md) — by tigran tumasov
- [Annotation](https://21st.dev/@airbnb-visx/components/annotation.md) — by Airbnb
- [Admonition](https://21st.dev/@deltacomponents/components/admonition.md) — by deltacomponents

Full component directory: https://21st.dev/llms.txt