feat(storybook): add shared SW notice and refine SW previews
- Add StoryNotice and a withSWNotice decorator so every visible SW Story shows the common notice above its title; non-SW Stories are unaffected. - Align the SW Header overview with the common SW Story page layout, let the preview Stage fill the available width and keep inner scroll on narrow screens. - Rename SW/Footer to SW/하단 명령어바 (sidebar title only, Story IDs fixed via id: "sw-footer"), drop the top SWHeader from its preview and lower the workspace height bounds by the removed 49px.
This commit is contained in:
1 parent
a460426535
commit
9394050c72
16 files changed
+113
-22
No files matched your search
@@ -1,5 +1,6 @@
|
||||
import { useLayoutEffect, useRef, useState, type ReactNode } from "react"
|
||||
import type { Meta, StoryObj } from "@storybook/react-vite"
|
||||
import { withSWNotice } from "./sw-story-notice"
|
||||
// Public API only, like a consuming project.
|
||||
import {
|
||||
SWHeader, SWHeaderPropertyBar, SWHomeMenu, SWHomeMenuItem, SWHomeMenuSection, SWPopup, SWPopupRow, SWPopupSection,
|
||||
@@ -25,6 +26,7 @@ const KICKER = "HM DESIGN SYSTEM / SW"
|
||||
const meta = {
|
||||
title: "SW/Header",
|
||||
parameters: { layout: "fullscreen", controls: { disable: true } },
|
||||
decorators: [withSWNotice],
|
||||
} satisfies Meta
|
||||
export default meta
|
||||
type Story = StoryObj<typeof meta>
|
||||
|
||||
Reference in new issue
Block a user