docs(storybook): preview-first Expanded OrgChart and leaner Tabs / Button pages
Deploy Storybook / deploy (push) Successful in 54s

- Expanded OrgChart: the chart moves right under the page title; data, layout
  and interaction settings stay below it. Setting notes, section descriptions,
  hidden legends and the Drag & Drop ON/OFF text are removed; the example
  counts stay only as a hidden data hook for the OrgChart browser checks, and
  the pending note shows only while the employee count differs.
- Tabs: drop the text-only Do / Don't section (rules live in tabs.md §16).
- Button: the representative page hides the Brand / Standard state notes
  (story-only showNote); the hidden States Stories keep them.
- Report: the follow-up simplification and its verification.
This commit is contained in:
shkim4 committed 2026-10-22 17:25:00 +09:00
1 parent c5c6fed38e
commit 4a54cfbeb2
5 files changed
+48 -53

No files matched your search

-3
View File
@@ -185,9 +185,6 @@ export const All: Story = {
{ id: "usage-page", label: "페이지 직접 배치 · Primary", noteAfter: true, note: "Layout content 배경 사용 · 추가 흰색 박스 없음", children: <SurfaceUsage /> },
]} />
</StorySection>
<StorySection title="Do / Don't" description="Card Token을 화면 전체 간격에 쓰지 않음">
<p className="text-sm text-muted-foreground">Do: Card 또는 Layout이 외곽 여백을 소유하고 내부 Input·Table·Alert의 고유 스타일을 유지합니다. Don't: 패널 박스 제거를 모든 border 제거로 해석하거나, 그라데이션 alpha 조정을 탭 전체 opacity 변경으로 구현하지 않습니다. 실제 패널 계산값·키보드 동작·모바일 넘침을 확인합니다.</p>
</StorySection>
</StoryPage>
),
}