# Side Navigation
URL: /react/blocks/side-navigation
Source: https://github.com/daangn/seed-design/blob/dev/docs/content/react/blocks/side-navigation.mdx

서비스의 최상위 메뉴 간 이동을 돕고 앱의 전체 구조를 탐색할 수 있게 하는 컴포넌트입니다.

## Installation

- npm: npx @seed-design/cli@latest add ui:side-navigation
- pnpm: pnpm dlx @seed-design/cli@latest add ui:side-navigation
- yarn: yarn dlx @seed-design/cli@latest add ui:side-navigation
- bun: bun x @seed-design/cli@latest add ui:side-navigation

## Examples

- npm: npx @seed-design/cli@latest add block:side-navigation-01
- pnpm: pnpm dlx @seed-design/cli@latest add block:side-navigation-01
- yarn: yarn dlx @seed-design/cli@latest add block:side-navigation-01
- bun: bun x @seed-design/cli@latest add block:side-navigation-01

* npm: npx @seed-design/cli@latest add block:side-navigation-02
* pnpm: pnpm dlx @seed-design/cli@latest add block:side-navigation-02
* yarn: yarn dlx @seed-design/cli@latest add block:side-navigation-02
* bun: bun x @seed-design/cli@latest add block:side-navigation-02

## Props

### SideNavigationProvider

### SideNavigationRoot

### SideNavigationHeader

### SideNavigationContent

### SideNavigationFooter

### SideNavigationTrigger

### SideNavigationGroup

### SideNavigationItemButton

### SideNavigationInset