https://github.com/datalayer/primer-addons
⚛️ ➕ Additional components for Primer React.
https://github.com/datalayer/primer-addons
addons primer react
Last synced: 10 months ago
JSON representation
⚛️ ➕ Additional components for Primer React.
- Host: GitHub
- URL: https://github.com/datalayer/primer-addons
- Owner: datalayer
- License: bsd-3-clause
- Created: 2023-05-06T14:44:40.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2025-04-12T17:39:57.000Z (11 months ago)
- Last Synced: 2025-04-12T18:34:08.899Z (11 months ago)
- Topics: addons, primer, react
- Language: TypeScript
- Homepage: https://primer-addons.datalayer.tech
- Size: 96.7 KB
- Stars: 3
- Watchers: 3
- Forks: 3
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://datalayer.io)
[](https://github.com/sponsors/datalayer)
# ⚛️ ➕ Primer Addons
> Additional components for Primer React.
This repository contains additional React.js components for the [@primer/react](https://github.com/primer/react) toolkit. The components are compliant with the Primer theming framework and aims to respect the [Primer design system](https://primer.style).
A Storybook showcasing the components and their options is available on https://primer-addons.datalayer.tech.
This project has been [shared in a discussion](https://github.com/primer/react/discussions/3297) 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
yarn
```
Start the storybook.
```bash
npm 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](https://www.npmjs.com/package/@datalayer/primer-addons).