https://github.com/optum/collection-builder
✨🌱 A beautiful drag and drop editor for building out collections with React
https://github.com/optum/collection-builder
component drag-and-drop react
Last synced: 9 months ago
JSON representation
✨🌱 A beautiful drag and drop editor for building out collections with React
- Host: GitHub
- URL: https://github.com/optum/collection-builder
- Owner: Optum
- License: apache-2.0
- Created: 2021-04-29T17:17:51.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2023-10-17T03:45:13.000Z (over 2 years ago)
- Last Synced: 2025-08-15T21:45:53.327Z (10 months ago)
- Topics: component, drag-and-drop, react
- Language: JavaScript
- Homepage: https://optum.github.io/collection-builder/
- Size: 2.97 MB
- Stars: 17
- Watchers: 3
- Forks: 3
- Open Issues: 7
-
Metadata Files:
- Readme: readme.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Codeowners: .github/CODEOWNERS
Awesome Lists containing this project
README
✨🌱
React Collection Builder
A beautiful drag and drop editor for building out collections with React

### Installation
To use the Collection Builder, install the `@optum/collection-builder` package:
```bash
yarn add @optum/collection-builder
```
or
```bash
npm i @optum/collection-builder
```
### Usage
Play with a demo and see documentation [on the Storybook](https://optum.github.io/collection-builder) page!
### Contributing
We welcome any and all kinds of contributions to this project!
#### Development
In the project directory, you can run:
```bash
npm i
```
Installs necessary dependencies.
```bash
npm run storybook
```
Starts up a [Storybook](https://storybook.js.org/) instance on port 6006.
#### Code of Conduct
We have adopted a Code of Conduct that we expect project participants to adhere to. Please read the [full text](./CODE_OF_CONDUCT.md) so that you can understand what actions will and will not be tolerated.
#### Contributing Guide
Read our [contributing guide](./CONTRIBUTING.md) to learn about our development process, how to propose bugfixes and improvements, and how to build and test your changes to this project.
#### Beginner-friendly bugs
To help you get your feet wet and get you familiar with our contribution process, we have a list of [beginner-friendly bugs](https://github.com/Optum/collection-builder/labels/good%20first%20issue) that might contain smaller issues to tackle first. This is a great place to get started!
### License
This project is [Apache licensed](LICENSE).