Installation
Before we start, create a file .npmrc next to package.json and fill in with:
registry = https://npm.sea.com/Then, install Coral package by running:
yarn add @seaweb/coral # or `npm install @seaweb/coral`
Coral has peer dependency of styled-components, you need to install is separately:
yarn add styled-components
What's in Coral?
Customizability
With Coral's low-level component abstraction, you can have limitless customization even for complex components like selects and pickers. It's also possible to create your own reusable components to replace some default parts in Coral components.
Each component also practises control prop pattern where applicable. This allows you to override any internal state, making it very flexible for any possible use cases.
Accessibility
All components are created with full screen-reader and keyboard navigation support as specified in WAI-ARIA Authoring Practices.
This aspect is often overlooked when building components directly inside your app. Coral helps you achieve best possible accessibility features effortlessly.
Well Tested
With coverage above 97%, tested using react-testing-library and screenshot tests, Coral incurred little to no unexpected functional and visual regressions. Numerous edge cases for components which have complex behaviours have been handled as well.