Use the button classes on an <a>, <button>, or <input> element.
Use the button classes on an .rounded-full element.
Use the button classes on an .border .border-(color) element.
Use the button classes on an .border .border-(color) .rounded-full element.
Use the button classes on an .bg-(color)/5 .border-(color)/10 element.
Use the button classes on an .bg-(color)/5 .border-(color)/10 .rounded-full element.
Use the button classes on an for small button .py-[5px] .px-4 for default button .py-2 .px-5 for large button .py-2.5 .px-8 element.
The default form of solid color badges.
The default form of solid color rounded badges.
The default form of Outline color badges.
The default form of Outline color rounded badges.
The default form of Soft color badges.
The default form of Soft color rounded badges.
Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages solid aleart.
Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages soft aleart.
Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages with link.
Simple pagination inspired by Rdio, great for apps and search results.
Traditional heading elements are designed to work best in the meat of your page content.
The best part is you can do this with any button variant, too:
The best part is you can do this with any button variant, too:
The best part is you can do this with any button variant, too:
This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions.
A rendered modal with header, body, and set of actions in the footer.
Add small overlays of content, like those on the iPad, to any element for housing secondary information.
Add small overlays of content, like those on the iPad, to any element for housing secondary information.