Storyblocks React Component Library

Here is a collection of reuseable, styled React components used by the Storyblocks team to speed up development! These components follow a few broad guides from our design team. You can get more information here: https://storyblocks.design

Index

• Component List
• Contribution Guidelines
• Running tests
• Local dev

Quick Start

Start by installing the component library:

npm i -S storyblocks-components

Then inside your react component you can import:

import React from 'react';
import { PrimaryButton } from 'storyblocks-components';
import 'node_modules/storyblocks-components/dist/storyblocks-components.css';

class SpecialButton extends React.Component {

    render() {
         return (
            <PrimaryButton
                label="Special button"
                disabled={this.props.isDisabled }
                onClick={this.handleClick}
            />
         );
    }

}

export default SpecialButton;