__ __ __ __ _____ _ _ _____ _ _ _
| \/ | \ \ / / | __ \ (_) | | / ____| | | | |
| \ / |_ __\ V / | |__) | __ ___ ____ _| |_ ___ | (___ | |__ ___| | |
| |\/| | '__|> < | ___/ '__| \ \ / / _` | __/ _ \ \___ \| '_ \ / _ \ | |
| | | | |_ / . \ | | | | | |\ V / (_| | || __/ ____) | | | | __/ | |
|_| |_|_(_)_/ \_\ |_| |_| |_| \_/ \__,_|\__\___| |_____/|_| |_|\___V 2.1
if you need WebShell for Seo everyday contact me on Telegram
Telegram Address : @jackleet
For_More_Tools:
// Internal dependencies.
import Checkbox from '@common-ui/controls/input/checkbox';
export default {
title: 'Controls/Input/Checkbox',
component: Checkbox,
argTypes: {
onChange: {
action: 'changed',
table: {
disable: true,
},
},
},
parameters: {
backgrounds: {
default: 'dark',
},
},
};
export const Default = {
args: {
checked: false,
className: 'storybook-checkbox-unckecked',
},
};
export const Checked = {
args: {
checked: true,
className: 'storybook-checkbox-checked',
},
};
export const Disabled = {
args: {
checked: false,
disabled: true,
className: 'storybook-checkbox-unchecked-disabled',
},
};
export const Danger = {
args: {
checked: true,
positive: false,
className: 'storybook-checkbox-checked-danger',
},
};
export const Children = {
args: {
checked: false,
children: 'Label',
className: 'storybook-checkbox-unchecked-children',
},
};