style(storybook): refine patterns data and layout stories

This commit is contained in:
shkim4 committed 2026-11-09 16:42:47 +09:00
1 parent 3bebe8a660
commit b33ca2a157
12 files changed
+168 -152

No files matched your search

+8 -5
View File
@@ -155,15 +155,18 @@ export const All: Story = {
render: () => (
<StoryPage>
<StoryPageHeader title="Data Table" />
<StorySection title="Overview">
<Basic />
</StorySection>
<StorySection title="기본 목록 검색"><WithFilterBar extended={false} /></StorySection>
<StorySection title="추가 조건 목록 검색"><WithFilterBar /></StorySection>
<StorySection title="Advanced Search"><WithFilterBar /></StorySection>
</StoryPage>
),
}
// The other two usage types that used to be stacked on the representative page; kept as separate Stories.
// Plain table with column visibility (selection, sorting, row actions, pagination).
export const Overview: Story = { tags: ["verification"], render: () => <Basic /> }
// Basic list search: status + keyword search, centered above the table.
export const BasicSearch: Story = { tags: ["verification"], name: "Basic Search", render: () => <WithFilterBar extended={false} /> }
// Combination Story: Filter Bar (search, status, department, date, reset) filtering the Data Table rows.
export const WithFilterBarStory: Story = { tags: ["verification"], name: "With Filter Bar", render: () => <WithFilterBar /> }