@storybook-tiny/solid-js v1.0.2

@storybook-tiny/solid-js

A tiny storybook for solid-js.

usage

initial setup:

# add to your project
npm i solid-js
npm i -D @storybook-tiny/solid-js

# 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/solid-js'
import { render } from 'solid-js/web'

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

// define stories in storybook
render(
  () => (
    <Storybook
      stories={[
        <small>Components</small>,
        storyButton
      ]} 
    />
  ),
  document.getElementById('app')
)

Then run with vite:

npx vite --open /stories/

license

MIT licensed