https://github.com/openscript-ch/react-section-dividers
https://github.com/openscript-ch/react-section-dividers
Last synced: 10 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/openscript-ch/react-section-dividers
- Owner: openscript-ch
- License: mit
- Created: 2022-04-05T20:07:02.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2025-03-27T02:26:58.000Z (10 months ago)
- Last Synced: 2025-03-29T15:36:00.815Z (10 months ago)
- Language: TypeScript
- Homepage: https://openscript-ch.github.io/react-section-dividers/
- Size: 11.2 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# react-section-dividers
A collection of React components written in Typescript dividing sections in a creative manner.
## Getting started
Add the package with the package manager via NPMs registry of choice to your project:
- **yarn**: `yarn add react-section-dividers`
- **npm**: `npm install react-section-dividers`
- **pnpm**: `pnpm add react-section-dividers`
- **npx**: `npx -p react-section-dividers`
Besides `react` and `react-dom` this package has `@emotion/react` as a peer dependency. Make sure it is a dependency of your project:
- **yarn**: `yarn add @emotion/react`
- **npm**: `npm install @emotion/react`
- **pnpm**: `pnpm add @emotion/react`
- **npx**: `npx -p @emotion/react`
## Dividers
| Name | Description | Preview |
| ---------------- | ----------------------------------------- | -------------------------------------- |
|
Aslant
| Division by a line which is not straight. |  |
| Rebound
| Division by a line which bounces back. |  |
## Resources
This project is based on [react-vite-storybook-typescript-starter](https://github.com/openscript-ch/react-vite-storybook-typescript-starter).