@brainly/style-guidedeprecated

style guide amazing again

Usage no npm install needed!

<script type="module">
  import brainlyStyleGuide from 'https://cdn.skypack.dev/@brainly/style-guide';
</script>

README

@brainly/style-guide

This package contains basic components for:

  • avatars
  • buttons
  • icons
  • inputs
  • logotypes
  • round buttons

Instal package to your dev dependencies

yarn add @brainly/style-guide -D

Init package

Import necessary package - icons are splitted into separace chunks, attach the one that you need to use

import '@brainly/style-guide';
import '@brainly/style-guide/dist/icons';
import '@brainly/style-guide/dist/subjectIcons';
import '@brainly/style-guide/dist/subjectIconsMono';

Example JSX usage

import {Button, BUTTON_TYPE} from '@brainly/style-guide';

<Button className={styles.button} type={BUTTON_TYPE.PRIMARY}>Example primary button</Button>