Rewind UI

https://rewind-ui.dev/docs

Admin

Rewind-UI is a React component library that provides a set of accessible, reusable, and customizable...

Tokens:287

Snippets:4

Trust Score:6.8

Update:3 months ago

Show doc for...

Tokens:

Raw

### Install Rewind-UI

Source: https://rewind-ui.dev

Use npm to install the core package in your project.

```bash
npm install @rewind-ui/core
```

--------------------------------

### Implement Accordion Component

Source: https://rewind-ui.dev

Basic usage of the Accordion component with multiple items and custom styling properties.

```javascript
import { Accordion } from '@rewind-ui/core';
  

function App() {
  return (
    <Accordion defaultItem="item-1" activeColor="purple" bordered={false} shadow="base" shadowColor="gray">
      <Accordion.Item anchor="item-1">
        <Accordion.Header>Header</Accordion.Header>
        <Accordion.Body>Body</Accordion.Body>
      </Accordion.Item>
  

      <Accordion.Item anchor="item-2">
        <Accordion.Header>Header</Accordion.Header>
        <Accordion.Body>Body</Accordion.Body>
      </Accordion.Item>
  

      <Accordion.Item anchor="item-3">
        <Accordion.Header>Header</Accordion.Header>
        <Accordion.Body>Body</Accordion.Body>
      </Accordion.Item>
    </Accordion>
  );
}
```

Tokens:

Raw