51 lines
1.2 KiB
TypeScript
51 lines
1.2 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: 'composants/boutons/ToggleButton',
|
|
component: ToggleButton,
|
|
tags: ['autodocs'],
|
|
argTypes: {
|
|
label: {control: 'text'},
|
|
icon: {control: 'text'},
|
|
tooltip: {control: 'text'},
|
|
kind: {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',
|
|
icon: 'arrow-right-circle-fill',
|
|
tooltip: 'un tooltip détaillant l\'action ',
|
|
},
|
|
};
|
|
export const LocalButtonActive: Story = {
|
|
args: {
|
|
label: 'Button local',
|
|
kind: 'local',
|
|
icon: 'award-line',
|
|
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,
|
|
},
|
|
};
|