# Component/Menu
> Props: component-menu.props.txt
## Examples
### Accordion
기본 동작은 여러 그룹을 동시에 펼치는 다중 열림입니다. `accordion`을 주면 한 번에 하나의 그룹만 열립니다.
```tsx
{
render: args => ,
args: {
accordion: true,
collapsible: true
},
parameters: {
docs: {
description: {
story: '기본 동작은 여러 그룹을 동시에 펼치는 다중 열림입니다. `accordion`을 주면 한 번에 하나의 그룹만 열립니다.'
}
}
}
}
```
### Base
```tsx
{
render: args => ,
args: {
selected: 'home'
}
}
```
### Controlled
```tsx
{
render: () => {
const [selected, setSelected] = useState('product-list');
return
;
}
}
```
### Link Composition
```tsx
{
render: args => ,
args: {
selected: 'internal'
}
}
```
### Nested Section
```tsx
{
render: args => ,
args: {
selected: 'product-display',
collapsible: true
}
}
```
### Sections
```tsx
{
render: args => ,
args: {
selected: 'advertisement'
}
}
```
### Wrapped Child Label
```tsx
{
render: args =>
,
args: {
selected: 'shipping-settlement'
}
}
```