jc-custom-components/dist/stories/MyLabel.stories.js

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

import { MyLabel } from "../components/MyLabel";
const meta = {
    title: 'Example/MyLabel',
    component: MyLabel,
    tags: ['autodocs'],
    parameters: {
        layout: 'centered',
    },
    argTypes: {
        size: { control: 'inline-radio' }
    }
};
export default meta;
export const Basic = {
    args: {
        label: 'Hello World',
    }
};
export const AllCaps = {
    args: {
        label: 'All Caps',
        allCaps: true
    }
};
export const Secondary = {
    args: {
        label: 'Secondary',
        color: 'text-secondary'
    }
};
export const CustomColor = {
    args: {
        label: 'Custom Color',
        fontColor: "#035900"
    }
};