Skip to content

feat/tabs component#13

Merged
teezeit merged 5 commits into
mainfrom
feat/tabs-component
Apr 19, 2026
Merged

feat/tabs component#13
teezeit merged 5 commits into
mainfrom
feat/tabs-component

Conversation

@teezeit
Copy link
Copy Markdown
Owner

@teezeit teezeit commented Apr 19, 2026

  • feat(tabs): interactive tabs via '## Title {.tabs}' heading class
  • docs(tabs): add tabs-demo example + rendered artifact
  • style(tabs): replace button look with underline tab style
  • docs: add tabs syntax to guide and spec
  • style(tabs): update tab header border color for improved visibility

claude and others added 5 commits April 18, 2026 14:19
Mirrors the grid pattern: heading with .tabs class declares the tabs
container; direct child headings (depth+1) become tab panels. First
tab active by default; {.active} on a sub-heading overrides.

- Parser: detect .tabs class in processNodeList, emit tabs/tab nodes
- Renderer: tabs case emits header row + panel divs, injects one-time
  click-delegated switcher script (idempotent via window.__wmdTabsInit)
- Styles: structural rules in getStyleCSS wrapper (hidden panels),
  sketch-themed pill headers matching nav-item aesthetic
- Tests: 7 parser + 6 renderer tests (TDD)
Source: examples/tabs-demo.md
Rendered: docs/tabs-demo.html (under docs/ so it's not caught by the
examples/**/*.html gitignore rule, letting mobile users preview via
htmlpreview.github.io).
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants