Snyk BrandCL React 🐾 🖥 💻 📱
Welcome to BrandCL, the official react component library for Snyk’s Marketing design system.
Note: This is the successor to the previous prototype, Snyk MarketingUI (aka "SMUi").
Documentation
The full documentation can be found at https://brand-cl.snyk.marketing/.
Getting Started with the Styles Library
Setting it up
Install Snyk BrandCL with either npm
:
npm i @snyk-mktg/brand-cl-react
or yarn
:
yarn add @snyk-mktg/brand-cl-react
Using Snyk BrandCL
Snyk BrandCL React Components and Hooks can then be used within your project by importing them as follows:
import Button from '@snyk-mktg/brand-cl-react/components/atoms/Button';
import useReadingTime from '@snyk-mktg/brand-cl-react/hooks/useReadingTime';
PLEASE NOTE:
The @snyk-mktg/brand-ui Style Library will also need to be included within your project as an additional dependency.