@wonderflow/react-components/dist/components/chip/chip.stories.js

UI components from Wonderflow's Wanda design system

import { jsx as _jsx } from "react/jsx-runtime";
import { Chip } from './chip';
const story = {
    title: 'Widgets/Chip',
    component: Chip,
    argTypes: {
        onDismissClick: {
            action: 'dismissed',
            table: {
                disable: true,
            },
        },
        dimension: {
            options: ['small', 'regular', 'big'],
            control: { type: 'radio' },
        },
        color: {
            options: ['blue', 'cyan', 'dipsy', 'gray', 'green', 'indigo', 'magenta', 'purple', 'red', 'salmon', 'violet', 'yellow'],
            control: { type: 'select' },
        },
    },
    args: {
        dimension: 'regular',
        interactive: false,
        color: 'gray',
    },
};
export default story;
const Template = args => _jsx(Chip, { ...args, children: "Chip text" });
export const Default = Template.bind({});
export const WithIcon = Template.bind({});
WithIcon.args = {
    icon: 'bell',
};