@wonderflow/react-components
Version:
UI components from Wonderflow's Wanda design system
39 lines (38 loc) • 819 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { Skeleton } from './skeleton';
const story = {
title: 'Loading/Skeleton',
component: Skeleton,
args: {
borderRadius: 8,
gap: 8,
enableAnimation: true,
inline: false,
},
};
export default story;
const Template = args => _jsx(Skeleton, { ...args });
export const Default = Template.bind({});
Default.args = {
width: '400px',
count: 4,
height: '48px',
};
export const Circle = Template.bind({});
Circle.args = {
circle: true,
width: '80px',
height: '80px',
};
export const Rounded = Template.bind({});
Rounded.args = {
width: '400px',
height: '48px',
borderRadius: 16,
};
export const WithGap = Template.bind({});
WithGap.args = {
gap: 32,
count: 4,
height: '48px',
};