# Side Navigation
URL: /react/v2/blocks/side-navigation
Source: https://github.com/daangn/seed-design/blob/cee03df21e7f70e0dafd2c17a5fd787899bd25bd/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