mbari-custom-components
Version:
44 lines (43 loc) • 871 B
JavaScript
import { MyLabel } from "../components/MyLabel";
const meta = {
title: 'UI/labels/MyLabel',
component: MyLabel,
tags: ['autodocs'],
parameters: {
layout: 'centered',
},
argTypes: {
size: { control: 'select' },
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: '#ff00b0'
}
};
export const CustomBackgroundColor = {
args: {
label: 'Custom Background Color Label',
backgroundColor: '#f6cde9'
}
};