rsnext/examples/with-next-ui/components/Collapse.tsx
Cupid Valentine 8422f233ef
Add NextUI example (#38209)
## Bug

- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Errors have helpful link attached, see `contributing.md`

## Feature

- [ ] Implements an existing feature request or RFC. Make sure the feature request has been accepted for implementation before opening a PR.
- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Documentation added
- [ ] Telemetry added. In case of a feature if it's used or not.
- [ ] Errors have helpful link attached, see `contributing.md`

## Documentation / Examples

- [x] Make sure the linting passes by running `pnpm lint`
- [x] The examples guidelines are followed from [our contributing doc](https://github.com/vercel/next.js/blob/canary/contributing.md#adding-examples)


Co-authored-by: Balázs Orbán <18369201+balazsorban44@users.noreply.github.com>
2022-09-29 23:59:15 +00:00

29 lines
847 B
XML

import { Collapse, Text } from '@nextui-org/react'
const CustomCollapse = () => {
return (
<Collapse.Group>
<Collapse title="Option A">
<Text>
I have had my invitation to this world's festival, and thus my life
has been blessed.
</Text>
</Collapse>
<Collapse title="Option B">
<Text>
In the meanwhile I smile and I sing all alone. In the meanwhile the
air is filling with the perfume of promise.
</Text>
</Collapse>
<Collapse title="Option C">
<Text>
I came out on the chariot of the first gleam of light, and pursued my
voyage through the wildernesses of worlds leaving my track on many a
star and planet.
</Text>
</Collapse>
</Collapse.Group>
)
}
export default CustomCollapse