# Proposal for Accordion

## Home

`@swrve/core`

## Import

`import { Accordion } from '@swrve/core'`

## Implementation

```
<Accordion>
    <Accordion.Item title="First">First</Accordion.Item>
    <Accordion.Item title="Second">Second</Accordion.Item>
</Accordion>
```

By default the first `Accordion.Item` will be open if you want to change the default active item you can pass `defaultActiveKey` prop.