47 lines
1 KiB
TypeScript
47 lines
1 KiB
TypeScript
|
import type {Meta, StoryObj} from '@storybook/angular';
|
||
|
|
import {ToggleButton} from './toggle-button';
|
||
|
|
|
||
|
|
// More on how to set up stories at: https://storybook.js.org/docs/angular/writing-stories/introduction
|
||
|
|
const meta: Meta<ToggleButton> = {
|
||
|
|
title: 'Components/ToggleButton',
|
||
|
|
component: ToggleButton,
|
||
|
|
tags: ['autodocs'],
|
||
|
|
argTypes: {
|
||
|
|
label: {control: 'text'},
|
||
|
|
icon: {control: 'text'},
|
||
|
|
},
|
||
|
|
};
|
||
|
|
|
||
|
|
export default meta;
|
||
|
|
type Story = StoryObj<ToggleButton>;
|
||
|
|
|
||
|
|
// More on writing stories with args: https://storybook.js.org/docs/angular/writing-stories/args
|
||
|
|
export const LocalButton: Story = {
|
||
|
|
args: {
|
||
|
|
label: 'Button local',
|
||
|
|
kind: 'local',
|
||
|
|
},
|
||
|
|
};
|
||
|
|
export const LocalButtonActive: Story = {
|
||
|
|
args: {
|
||
|
|
label: 'Button local',
|
||
|
|
kind: 'local',
|
||
|
|
active: true,
|
||
|
|
},
|
||
|
|
};
|
||
|
|
|
||
|
|
export const OutsideButton: Story = {
|
||
|
|
args: {
|
||
|
|
label: 'Button outside',
|
||
|
|
kind: 'outside',
|
||
|
|
active: false,
|
||
|
|
},
|
||
|
|
};
|
||
|
|
export const OutsideButtonActive: Story = {
|
||
|
|
args: {
|
||
|
|
label: 'Button outside',
|
||
|
|
kind: 'outside',
|
||
|
|
active: true,
|
||
|
|
},
|
||
|
|
};
|