jm-custom-components
Version:
48 lines (47 loc) • 985 B
JavaScript
import { MyLabel } from "../components/MyLabel";
const meta = {
title: "UI/Labels/MyLabel",
tags: ["autodocs"],
component: MyLabel,
parameters: {
layout: "centered",
},
argTypes: {
size: {
options: ["normal", "h1", "h2", "h3"],
control: { type: "inline-radio" },
},
fontColor: { control: "color" },
},
};
export default meta;
export const Basic = {
args: {
label: "Basic label",
},
};
export const AllCaps = {
args: {
label: "All caps label",
allCaps: true,
},
};
export const Secondary = {
args: {
label: "Secondary label",
color: "text-secondary",
},
};
export const CustomColor = {
args: {
label: "Custom color label",
fontColor: "#5517ac",
},
};
export const CustomBackgroundColor = {
args: {
label: "Custom background label",
fontColor: "#fff",
backgroundColor: "#000",
},
};