@dan-nz/documentation-primitives v0.1.3

documentation-primitives

Installation

npm i @dan-nz/documentation-primitives prop-types react react-dom

Usage in Storybook documentation-only page (MDX)

import { Meta, Story, Preview } from '@storybook/addon-docs/blocks';
import { Swatch, SwatchContainer } from '@dan-nz/documentation-primitives';

<Meta title="Color" />

# Color

<SwatchContainer title="Orange">
  <Swatch name="Orange 500" value="#ff9800" />
  <Swatch name="Orange 600" value="#fb8c00" />
  <Swatch name="Orange 700" value="#f57c00" />
  <Swatch name="Orange 800" value="#ef6c00" />
  <Swatch name="Orange 900" value="#e65100" />
</SwatchContainer>

Demo

Running demos locally

npm run storybook:start

Components

Color Swatches

🔜