@mtec-solutions-org/design-system
Version:
A React Native Web design system library with theme and components
50 lines (49 loc) • 942 B
JavaScript
import Spinner from "./Spinner";
const meta = {
title: "Design System/Atoms/Spinner",
component: Spinner,
parameters: {
layout: "centered",
},
tags: ["autodocs"],
argTypes: {
size: {
control: { type: "number", min: 10, max: 50, step: 2 },
},
width: {
control: { type: "number", min: 1, max: 5, step: 0.5 },
},
color: {
control: { type: "text" },
},
},
};
export default meta;
export const Default = {
args: {
size: 20,
color: "primary",
width: 2,
},
};
export const Small = {
args: {
size: 16,
color: "primary",
width: 1.5,
},
};
export const Large = {
args: {
size: 24,
color: "primary",
width: 2.5,
},
};
export const CustomColor = {
args: {
size: 20,
color: "secondaryDark",
width: 2,
},
};