PHP Classes

File: src/components/badge/Badge.stories.tsx

Recommend this page to a friend!
  Classes of Maniruzzaman Akash   WordPress React Plugin Kit   src/components/badge/Badge.stories.tsx   Download  
File: src/components/badge/Badge.stories.tsx
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: WordPress React Plugin Kit
Environment to develop new WordPress plugins
Author: By
Last change:
Date: 1 year ago
Size: 915 bytes


Class file image Download
import { ComponentStory, ComponentMeta } from '@storybook/react'; import Badge from './Badge'; import { faPlusCircle } from '@fortawesome/free-solid-svg-icons'; export default { title: 'Common/Badge', component: Badge, } as ComponentMeta<typeof Badge>; const Template: ComponentStory<typeof Badge> = (args) => <Badge {...args} />; export const DefaultBadge = Template.bind({}); DefaultBadge.args = { text: 'Simple Badge', type: 'default', }; export const PrimaryBadge = Template.bind({}); PrimaryBadge.args = { text: 'Primary Badge', type: 'primary', }; export const WarningBadge = Template.bind({}); WarningBadge.args = { text: 'Warning Badge', type: 'warning', }; export const IconBadge = Template.bind({}); IconBadge.args = { text: 'Icon Badge', type: 'primary', icon: faPlusCircle, hasIcon: true, customClass: 'border border-solid p-2 border-gray', };