Edwin van den Houdt
69880efd38
Fix button atom's dead .btn-outline-primary → .btn-secondary; add 'ghost' variant (.btn-ghost, CIBG-documented). RTE toolbar drops invented .btn-outline-secondary/.btn-sm for .btn-ghost. file-input already used the correct vendored .btn-upload pattern from the earlier CIBG UI fidelity pass — no change needed there (documented as a deviation). Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
21 lines
817 B
TypeScript
21 lines
817 B
TypeScript
import type { Meta, StoryObj } from '@storybook/angular';
|
|
import { ButtonComponent } from './button.component';
|
|
|
|
const meta: Meta<ButtonComponent> = {
|
|
title: 'Atoms/Button',
|
|
component: ButtonComponent,
|
|
render: (args) => ({
|
|
props: args,
|
|
template: `<app-button [variant]="variant" [type]="type" [disabled]="disabled">Knop</app-button>`,
|
|
}),
|
|
};
|
|
export default meta;
|
|
type Story = StoryObj<ButtonComponent>;
|
|
|
|
export const Primary: Story = { args: { variant: 'primary' } };
|
|
export const Secondary: Story = { args: { variant: 'secondary' } };
|
|
export const Subtle: Story = { args: { variant: 'subtle' } };
|
|
export const Danger: Story = { args: { variant: 'danger' } };
|
|
export const Ghost: Story = { args: { variant: 'ghost' } };
|
|
export const Disabled: Story = { args: { variant: 'primary', disabled: true } };
|