mirror of
https://github.com/hanzoai/o11y-components.git
synced 2026-11-02 09:37:38 +00:00
Vinicius LourençoandGitHub
9518b912f1
* feat(storybook): bump version of storybook to v10 * test(storybook): add ci step * chore(build): target es2018 & from .js to .mjs * chore(.idea): do not track this folder * fix(storybook): not injecting the css on build
42 lines
851 B
TypeScript
42 lines
851 B
TypeScript
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
import IconGallery from '../components/IconGallery.jsx';
|
|
|
|
const meta: Meta<typeof IconGallery> = {
|
|
title: 'Design System/Icons',
|
|
component: IconGallery,
|
|
tags: ['autodocs'],
|
|
argTypes: {
|
|
size: {
|
|
control: { type: 'number', min: 12, max: 48, step: 4 },
|
|
description: 'Size of the icons in pixels',
|
|
},
|
|
strokeWidth: {
|
|
control: { type: 'number', min: 1, max: 4, step: 0.5 },
|
|
description: 'Stroke width of the icons',
|
|
},
|
|
color: {
|
|
control: 'color',
|
|
description: 'Color of the icons',
|
|
},
|
|
},
|
|
};
|
|
|
|
export default meta;
|
|
type Story = StoryObj<typeof IconGallery>;
|
|
|
|
export const Default: Story = {
|
|
args: {
|
|
size: 32,
|
|
strokeWidth: 2,
|
|
color: 'currentColor',
|
|
},
|
|
};
|
|
|
|
export const CustomColor: Story = {
|
|
args: {
|
|
size: 32,
|
|
strokeWidth: 2,
|
|
color: '#FF0000',
|
|
},
|
|
};
|