Skip to content

Button cleanup#41928

Merged
mdo merged 14 commits intov6-devfrom
v6/btn-cleanup
Dec 15, 2025
Merged

Button cleanup#41928
mdo merged 14 commits intov6-devfrom
v6/btn-cleanup

Conversation

@mdo
Copy link
Copy Markdown
Member

@mdo mdo commented Dec 15, 2025

CleanShot 2025-12-15 at 14 54 27@2x
  • Buttons no longer have an attribute selector. Instead, we generate a grouped selector based on the variants you choose to include in $button-variants. This generates the following out of the box:

     .btn,
     .btn-solid,
     .btn-subtle,
     .btn-outline,
     .btn-text {
       /* … */
     }
  • Input-based toggle buttons now put their inputs inside the <label>, with .btn-check going on the label. This reduces selector complexity—no more sibling selectors, ugh yay—and simplifies markup.

  • Active, checked, and disabled states have been fixed.

  • There's a new .btn-styled variant that replaces our previous global options method for styling buttons with gradients, shadows, etc. Now, for .btn-solid, add .btn-styled and you get beautiful buttons out of the box.

    CleanShot 2025-12-15 at 14 54 04@2x
  • New docs including a button playground for seeing how variant, size, and more affects buttons.

    CleanShot 2025-12-15 at 14 54 53@2x
  • New .btn-icon.

  • Button sizes are now a Sass map—scales better for adding/removing. Now includes an xs button size again (shoutout old Bootstrap). XL is in there, but it's commented out in the Sass map—just felt like to much to provide out of the box.

@mdo mdo requested a review from a team as a code owner December 15, 2025 22:57
@mdo mdo added the css label Dec 15, 2025
@mdo mdo added this to v6.0.0 Dec 15, 2025
@mdo mdo added the v6 label Dec 15, 2025
@github-project-automation github-project-automation bot moved this to Inbox in v6.0.0 Dec 15, 2025
@mdo mdo merged commit 5645c69 into v6-dev Dec 15, 2025
12 checks passed
@mdo mdo deleted the v6/btn-cleanup branch December 15, 2025 23:54
mdo added a commit that referenced this pull request Jan 9, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

Status: Inbox

Development

Successfully merging this pull request may close these issues.

1 participant