서비스의 최상위 메뉴 간 이동을 돕고 앱의 전체 구조를 탐색할 수 있게 하는 컴포넌트입니다.
npx @seed-design/cli@latest add ui:side-navigationpnpm dlx @seed-design/cli@latest add ui:side-navigationyarn dlx @seed-design/cli@latest add ui:side-navigationbun x @seed-design/cli@latest add ui:side-navigationnpx @seed-design/cli@latest add block:side-navigation-01pnpm dlx @seed-design/cli@latest add block:side-navigation-01yarn dlx @seed-design/cli@latest add block:side-navigation-01bun x @seed-design/cli@latest add block:side-navigation-01npx @seed-design/cli@latest add block:side-navigation-02pnpm dlx @seed-design/cli@latest add block:side-navigation-02yarn dlx @seed-design/cli@latest add block:side-navigation-02bun x @seed-design/cli@latest add block:side-navigation-02Prop
Type
childrenReact.ReactNodecollapsed?boolean | undefineddefaultCollapsed?boolean | undefinedonCollapsedChange?((collapsed: boolean) => void) | undefinedProp
Type
Prop
Type
Prop
Type
Prop
Type
Prop
Type
Prop
Type
label?React.ReactNodeitems({ key?: React.Key; label: React.ReactNode; prefixIcon?: React.ReactNode; } & ({ current?: boolean; disabled?: boolean; onClick?: React.MouseEventHandler; items?: never; defaultOpen?: never; } | { current?: never; disabled?: never; onClick?: never; defaultOpen?: boolean; items: { key?: React.Key; label: React.ReactNode; current?: boolean; disabled?: boolean; onClick?: React.MouseEventHandler; }[]; }))[]Prop
Type
prefixIcon?React.ReactNodelabelReact.ReactNodesuffixIcon?React.ReactNodecurrent?boolean | undefineddisabled?boolean | undefinedProp
Type
Last updated on