Tone-tinted React callout components for inline tips and notices, built for modern applications and websites, styled with Tailwind CSS.
Preview
Code
Heads up
This project is on the free plan. Upgrade to invite more teammates.
Installation
CLI
Manual
npx properui@latest add calloutsCallout examples
Preview
Code
Neutral
General information that is not tied to any particular state.
Brand
A tip or a piece of guidance worth calling out.
Success
The export finished and is ready to download.
Warning
Your trial ends in three days. Add a payment method to keep access.
Error
The last sync failed. Check your connection and try again.
Preview
Code
A callout works without a title too, for a single short line.
Preview
Code
No icon
Pass `icon=` to render the callout without one.