Skip to content

Commit

Permalink
created Label component stories
Browse files Browse the repository at this point in the history
  • Loading branch information
g-stamatis committed Dec 16, 2021
1 parent d6a2538 commit 71732f6
Showing 1 changed file with 47 additions and 0 deletions.
47 changes: 47 additions & 0 deletions src/customizations/components/theme/Label/Label.stories.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
import React from 'react'
import { Icon, Label ,Form, Input} from 'semantic-ui-react'

export default {
title: 'Components/Label',
component: Label,
argTypes:{
pointing:{
control:{type:'inline-radio'},
options:[false,true,'below','left','right']
},
attached:{
control:{type:'inline-radio'},
options:[false,'top','bottom','top right','top left','bottom left','bottom right']
}
}
}


const Template = (args) => <Label {...args}></Label>;

export const Default = Template.bind({});
Default.args = {
children: ["Label"],
}

export const Playground = Template.bind({});
Playground.args = {
children: ["Label"],
color: 'blue',
pointing: true,
tag:false,
ribbon:false,
floating:false,
attached:''

}

export const Link = Template.bind({});
Link.args = {
children: ["Label"],
as: 'a',
href: 'https://react.semantic-ui.com/elements/label/#types-basic',
color: 'blue',
}


0 comments on commit 71732f6

Please sign in to comment.