@storybook-tiny/react v1.0.2

@storybook-tiny/react

A tiny storybook for react.

usage

initial setup:

# add to your project
npm i react react-dom
npm i -D @storybook-tiny/react

# install storybook template auto-detecting your package-manager
npx storybook-tiny
# or with pnpm
npx storybook-tiny -p pnpm

define some stories:

import Storybook from '@storybook-tiny/react'
import React from 'react'
import ReactDOM from 'react-dom/client'

// describe your stories...
const storyButton = {
  title: 'Button',
  component: () => <button onClick={() => alert('Hi')}>Click Me</button>
}

// define stories in storybook
ReactDOM.createRoot(document.getElementById('app')).render(
  <React.StrictMode>
    <Storybook
      stories={[
        <small key="1">Components</small>,
        storyButton
      ]}
    />
  </React.StrictMode>
)

Then run with vite:

npx vite --open /stories/

license

MIT licensed