docs(www): document Chip - #312
Conversation
Add the Chip component docs page (Preview-based MDX) covering color, variant, size, selected, and disabled states plus asChild, with the API reference written by hand from source. Chip hardcodes light-surface colors, so each demo is shown on a light card (matching the Radio docs). Documents the incomplete color×variant×selected style matrix as a known limitation. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
|
|
Important Review skippedAuto reviews are disabled on base/target branches other than the default branch. 🗂️ Base branches to auto review (2)
Please check the settings in the CodeRabbit UI or the ⚙️ Run configurationConfiguration used: Path: .coderabbit.yaml Review profile: ASSERTIVE Plan: Pro Plus Run ID: You can disable this status message by setting the Use the checkbox below for a quick retry:
✨ Finishing Touches🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
Codecov Report✅ All modified and coverable lines are covered by tests. 🚀 New features to boost your workflow:
|
Changes
Chip을 문서로 추가합니다. 컴포넌트 변경 없이 문서만 추가하는 PR입니다.
chip.mdxChip은 네이티브<button>.color(primary/secondary/success/warning/danger) ·variant(filled/outline) ·size(small/medium/large) ·selected·asChild· 네이티브disabled(40% opacity)를 문서화.<Preview code={...}>예제 코드는 실제 렌더 결과와 일치.gray700)해서 다크 stage에서 안 보입니다. 따라서 각 데모를 라이트 카드로 감쌌습니다(머지된 Radio 문서와 동일한LightStage패턴).code문자열엔 wrapper 미포함.스킵.
Known limitations (문서에 명시)
color × variant × selected스타일 매트릭스가 불완전합니다: filled selected는 primary/secondary만, outline은 secondary가 없음 → 일부 조합(secondary outline, success/warning/danger filled-selected)이 스타일 없이 렌더됩니다. 예제는 지원되는 조합만 사용하고 이 한계를 문서에 표기했습니다. (컴포넌트 소스는 건드리지 않음)Visuals
Checklist