docs(storybook): preview-first Expanded OrgChart and leaner Tabs / Button pages
Deploy Storybook / deploy (push) Successful in 54s
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:
1 parent
c5c6fed38e
commit
4a54cfbeb2
5 files changed
+48
-53
No files matched your search
@@ -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>
|
||||
),
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user