Repository navigation
feat: add dot bloom button component - #24
Merged
Merged
Conversation
A button whose leading dot blooms into a circle that floods the whole surface on hover or focus, while the label rolls up to a fresh copy and flips to the contrasting color. The bloom is sized against the button, so it reaches every corner at any width. Pure CSS with primary and secondary variants. Disabled buttons ignore hover, and reduced motion swaps the colors without animating. Includes the demo, docs page, test, and gallery poster/preview media.
Re-encode the preview at 30fps and CRF 30, matching the other button previews, and recompress the poster. The clip drops from 215 KB to 26 KB.
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
This branch was successfully deployed
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
A button whose leading dot blooms into a circle that floods the whole surface on hover or focus, while the label rolls up and flips to the contrasting color. The bloom is sized against the button, so it reaches every corner at any width.
primaryandsecondaryvariantsTypecheck is clean and the full test suite passes (811 tests).