feat(styles,react): add dropdown and separator#13
Merged
Merged
Conversation
Gnuk
force-pushed
the
add-popover
branch
9 times, most recently
from
b7a4aec to
b0bd5ee
Compare
Add a dropdown organism: a floating action panel built on the native popover API, opened via a button using command/commandfor (PL) or popoverTarget (React). Buttons inside are ionized full-width through the ippon-dropdown---buttons ion, so the atom declares its own ionized behavior instead of the organism reaching into it. The React IpponDropdown stays behavior-free and forwards onKeyDown and onToggle so consumers can wire their own keyboard navigation; a Storybook example demonstrates a select-like flow (focus first item on open, arrow-key navigation with wrap-around). Extract a shared separator atom (hr) reused to group dropdown items. Document the ion convention in the pattern-library skill, widen the stylelint class pattern to allow the triple-dash ion, add a lint:ci script to react so CI lints it, and fix the unit-test task name in AGENTS.md. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
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
1 participant
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.
Add a dropdown organism: a floating action panel built on the native popover API, opened via a button using command/commandfor (PL) or popoverTarget (React). Buttons inside are ionized full-width through the ippon-dropdown---buttons ion, so the atom declares its own ionized behavior instead of the organism reaching into it.
Extract a shared separator atom (hr) reused to group dropdown items.
Document the ion convention in the pattern-library skill, widen the stylelint class pattern to allow the triple-dash ion, and fix the unit-test task name in AGENTS.md.