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

inatalar

import { MyLabel } from "../components/MyLabel";
const meta = {
    title: 'UI/labels/MyLabel', //Localización en carpetas de mi componente
    component: MyLabel, //Componente
    tags: ['autodocs'], //Añadir documentación a nuestro componente
    parameters: {
        layout: 'centered' //Centrar componente en Storybook
    },
    argTypes: {
        size: { control: 'inline-radio' },
        fontColor: { control: 'color' }
    }
};
export default meta;
export const Basic = {
    args: {
        label: 'Basic label',
    }
};
export const AllCaps = {
    args: {
        label: 'AllCaps label',
        allCaps: true,
    }
};
export const Secondary = {
    args: {
        label: 'Secondary label',
        color: 'text-secondary'
    }
};
export const CustomColor = {
    args: {
        label: 'CustomColor label',
        fontColor: '#5517ac'
    }
};
export const CustombackgroundColor = {
    args: {
        size: "h1",
        label: 'CustombackgroundColor label',
        fontColor: 'white',
        backgroundColor: 'black',
    },
};