sxhundred/ISA-Frontend
1
0
Fork 0
mirror of https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend synced 2025-12-28 22:42:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: add appearance control to checkbox component stories

Browse Source
This commit is contained in:
Lorenz Hilpert
2025-03-14 16:14:03 +01:00
parent 576d439a79
commit d4c1cdbc6e
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
apps/isa-app/stories/ui/input-controls/checkbox.stories.ts
View File

@@ -1,9 +1,10 @@
import { type Meta, type StoryObj } from '@storybook/angular';
import { CheckboxComponent } from '@isa/ui/input-controls';
import { type Meta, type StoryObj, argsToTemplate } from '@storybook/angular';
import { CheckboxAppearance, CheckboxComponent } from '@isa/ui/input-controls';
type CheckboxComponentInputs = {
checked: boolean;
disabled: boolean;
appearance: CheckboxAppearance;
};
const meta: Meta<CheckboxComponentInputs> = {
@@ -12,11 +13,15 @@ const meta: Meta<CheckboxComponentInputs> = {
argTypes: {
checked: { control: 'boolean' },
disabled: { control: 'boolean' },
appearance: { control: 'select', options: Object.values(CheckboxAppearance) },
},
args: {
appearance: 'bullet',
},
render: (args) => ({
props: args,
template: `
<ui-checkbox>
<ui-checkbox ${argsToTemplate(args, { include: ['appearance'] })}>
<input type="checkbox" ${args.disabled ? 'disabled' : ''} ${args.checked ? 'checked' : ''} />
</ui-checkbox>
`,