feat(GnDocsExample): replace Show code text toggle with a chevron#493
Draft
johnleider wants to merge 1 commit into
Draft
feat(GnDocsExample): replace Show code text toggle with a chevron#493johnleider wants to merge 1 commit into
johnleider wants to merge 1 commit into
Conversation
The code toggle bar now renders a rotating chevron through a new toggle-icon scoped slot (receives expanded) with an inline-SVG fallback matching the GnPeek idiom. The button keeps its accessible name via a dynamic aria-label; the filename/language/file-count meta is unchanged. The docs app fills the slot with AppChevron.
|
commit: |
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
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.
Description
Replaces the "Show code" / "Hide code" text label on the
GnDocsExamplecode toggle bar with the rotating chevron used everywhere else in the v0 docs.@paper/genesis— newtoggle-iconscoped slot onGnDocsExample(receivesexpanded), with an inline-SVG chevron fallback that follows the existingGnPeekidiom (chevron-down, rotates 180° when expanded). The button keeps its accessible name via a dynamicaria-label("Show code" / "Hide code");aria-expanded/aria-controlsand the filename/language/file-count meta are unchanged.apps/docs—DocsGenesisExamplefills the slot withAppChevron(vertical idiom, respects reduced motion).Verified in the running docs app: toggle collapsed/expanded round-trip, chevron rotation, aria state, and meta rendering on multi-file examples across two pages.