⚛️ ➕ Primer Addons

> Additional components for Primer React.

This repository contains additional React.js components for the @primer/react toolkit. The components are compliant with the Primer theming framework and aims to respect the Primer design system.

A Storybook showcasing the components and their options is available on https://primer-addons.datalayer.tech.

This project has been shared in a discussion on the Primer React main repository.

Current Addons

- [ ] Backdrop
- [ ] Brand Header
- [ ] Brand Header Lines
- [ ] Brand Footer
- [x] Content Loader
- [x] Card
- [x] Closable Flash
- [ ] Masonry Box
- [x] Slider
- [x] Toolbar

Develop

Install the dependencies.

``bash
npm i
`

Start the storybook.

`bash
npm run storybook
`

Start the playground.

`bash
npm dev
``

About Primer Design

- Design system https://primer.style

About Primer Icons

- Icons https://primer.style/design/foundations/icons

About Primer React

- GitHub repository https://github.com/primer/react
- Documentation https://primer.style/react
- Storybook https://primer.style/react/storybook

About Primer Brand

- GitHub repository https://github.com/primer/brand
- Documentation https://primer.style/brand
- Storybook https://primer.style/brand/storybook

Releases

Primer Addons is released in Npm.js.