fedrick-fp-custom-components/dist/stories/MyLabel.stories.js

Instalar

import { MyLabel } from '../components/MyLabel';
const meta = {
    title: 'UI/labels/MyLabel',
    component: MyLabel,
    tags: ['autodocs'],
    parameters: {
        layout: 'centered',
    },
    argTypes: {
        size: { control: 'inline-radio' },
        fontColor: { control: 'color' },
    },
};
export default meta;
export const AllCaps = {
    args: {
        label: 'All Caps',
        size: 'normal',
        allCaps: true,
    },
};
export const Secondary = {
    args: {
        label: 'Secondary label',
        color: 'text-secondary',
    },
};
export const Tertiary = {
    args: {
        label: 'Tertiary label',
        color: 'text-tertiary',
    },
};
export const CustomBackgroundColor = {
    args: {
        size: 'h1',
        label: 'Background Color',
        fontColor: 'white',
        backgroundColor: 'black',
    },
};