Meta tags:
description=Button component styles and variants;
author=FreshJuice;

Headings (most frequently used words):

button, variants, sizes, on, this, page, buttons, basic, combining, and, full, width, icon, disabled, state, group, example, primary, secondary, success, warning, danger, outline, ghost, documentation, community, more,

Text of the page (most frequently used words):
btn (59), class (30), #button (26), href (24), #primary (20), danger (12), success (12), light (12), disabled (9), warning (9), page (9), variants (8), sizes (7), full (6), and (6), ghost (6), outline (6), secondary (6), this (6), buttons (6), large (6), small (6), example (5), icon (5), width (5), juicydocs (5), examples (4), rounded (4), extra (4), markdown (4), toc (3), search (3), group (3), state (3), combining (3), basic (3), tailwind (3), css (3), customization (3), features (3), getting (3), started (3), documentation (3), code (3), blocks (3), typography (3), none (3), default (3), the (3), open (3), copy (3), rss (3), freshjuice (2), github (2), right (2), center (2), left (2), div (2), svg (2), medium (2), element (2), view (2), ask (2), claude (2), about (2), chatgpt (2), raw (2), credits (2), license (2), 404 (2), shortcodes (2), sitemap (2), llms (2), txt (2), syntax (2), highlighting (2), navigation (2), settings (2), usage (2), changelog (2), welcome (2), top, home, copyright, 2026, eleventy, more, discussions, issues, community, next, previous, border, flex, for, square, only, you, can, combine, variant, size, classes, provides, clean, style, includes, flexible, system, with, multiple, component, styles, source, edit, new, tab, your, clipboard,

Text of the page (random words):
buttons juicydocs juicydocs rss github welcome changelog documentation usage getting started settings navigation tailwind css features syntax highlighting search llms txt sitemap rss customization examples shortcodes typography buttons code blocks toc example 404 page license credits juicydocs welcome changelog documentation usage getting started settings navigation tailwind css features syntax highlighting search llms txt sitemap rss customization examples shortcodes typography buttons code blocks toc example 404 page license credits examples buttons copy page copy as markdown copy the raw markdown of this page to your clipboard view as markdown open the raw markdown in a new tab open in chatgpt ask chatgpt about this page open in claude ask claude about this page edit this page view source buttons button component styles and variants juicydocs includes a flexible button system with multiple variants and sizes basic button the default btn class provides a clean rounded button style a href class btn default button a button class btn button element button default button button element variants primary a href class btn btn primary primary a a href class btn btn primary light primary light a primary primary light secondary a href class btn btn secondary secondary a secondary success a href class btn btn success success a a href class btn btn success light success light a success success light warning a href class btn btn warning warning a a href class btn btn warning light warning light a warning warning light danger a href class btn btn danger danger a a href class btn btn danger light danger light a danger danger light outline a href class btn btn outline outline a outline ghost a href class btn btn ghost ghost a ghost sizes a href class btn btn xs extra small a a href class btn btn sm small a a href class btn btn md medium a a href class btn btn lg large a a href class btn btn xl extra large a extra small small medium large extra large combining variants and sizes you can combine variant and size classes a href class btn btn primary btn sm small primary a a href class btn btn success btn lg large success a a href class btn btn danger btn xl xl danger a small primary large success xl danger full width a href class btn btn primary btn full full width button a full width button icon button for square icon only buttons button class btn btn icon btn primary svg svg button disabled state button class btn disabled disabled button button class btn btn primary disabled disabled primary button disabled disabled primary button group example div class flex a href class btn btn primary rounded r none left a a href class btn btn primary rounded none border x 0 center a a href class btn btn primary rounded l none right a div left center right typography previous code blocks next documentation getting started features customization examples community github issues discussions more freshjuice eleventy tailwind css copyright 2026 freshjuice juicydocs on this page basic button variants primary secondary success warning danger outline ghost sizes combining variants and sizes full width icon button disabled state button group example on this page basic button variants primary secondary success warning danger outline ghost sizes combining variants and sizes full width icon button disabled state button group example home search toc top