vibe-storybook-components

Vibe Storybook Components

monday.com Collection of Storybook components, with which monday-ui-react-core storybook is built - style.monday.com.

Installation

Install the component library

$ npm install vibe-storybook-components

Usage

All the package content is imported from the library's root entry:

import { ComponentName } from "vibe-storybook-components";

After that these components can be used in your storybook: either directly in story files

<ComponentName>Button</ComponentName>

or in the storybook preview.js file

addParameters({
    docs: {
        components: {
            h1: ComponentName
        }
    }
});

so that they can be used in the storybook's markdown files like this:

# Button

Styling

Most of the components have a className prop that can be used to style them. The className prop is a string that is added to the component's class list. The className prop is not required, but it's recommended to use it for styling.

Storybook

[Storybook content is in active development.]

To run the storybook locally run this command:

yarn run storybook