Edwin van den Houdt
e82309786d
One-time prettier --write so the new format:check CI gate starts green. .prettierignore excludes generated (api-client.ts, documentation.json), vendored (public/cibg-huisstijl), and backend (dotnet format owns it). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
44 lines
1001 B
TypeScript
44 lines
1001 B
TypeScript
import type { Meta, StoryObj } from '@storybook/angular';
|
|
import { FileInputComponent } from './file-input.component';
|
|
|
|
const meta: Meta<FileInputComponent> = {
|
|
title: 'Atoms/FileInput',
|
|
component: FileInputComponent,
|
|
render: (args) => ({
|
|
props: args,
|
|
template: `<app-file-input [inputId]="inputId" [accept]="accept" [maxSizeMb]="maxSizeMb" [multiple]="multiple" [disabled]="disabled" />`,
|
|
}),
|
|
};
|
|
export default meta;
|
|
type Story = StoryObj<FileInputComponent>;
|
|
|
|
export const Default: Story = {
|
|
args: {
|
|
inputId: 'diploma',
|
|
accept: ['application/pdf', 'image/jpeg'],
|
|
maxSizeMb: 10,
|
|
multiple: false,
|
|
disabled: false,
|
|
},
|
|
};
|
|
|
|
export const Multiple: Story = {
|
|
args: {
|
|
inputId: 'cv',
|
|
accept: ['application/pdf'],
|
|
maxSizeMb: 5,
|
|
multiple: true,
|
|
disabled: false,
|
|
},
|
|
};
|
|
|
|
export const Disabled: Story = {
|
|
args: {
|
|
inputId: 'diploma-disabled',
|
|
accept: ['application/pdf'],
|
|
maxSizeMb: 10,
|
|
multiple: false,
|
|
disabled: true,
|
|
},
|
|
};
|