⚛️ ➕ 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
• Content Loader
• Card
• Closable Flash
• Masonry Box
• Slider
• Toolbar

Develop

Install the dependencies.

yarn

Start the storybook.

yarn storybook

Start the playground.

yarn 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.