tykayn/ng-implementation
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

sb some more colors

Browse source
This commit is contained in:
Tykayn 2025-10-15 15:42:51 +02:00 • committed by tykayn
parent 7aab6ab368
commit ec22364ef3
1 changed files with 31 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

46
sb/src/stories/foundations/color-display.stories.ts
View file

@ -1,25 +1,41 @@
import type { Meta, StoryObj } from '@storybook/angular'; import type {Meta, StoryObj} from '@storybook/angular';
import { Couleurs } from 'src/app/foundations/couleurs/couleurs'; import {Couleurs} from 'src/app/foundations/couleurs/couleurs';
const meta: Meta<Couleurs> = { const meta: Meta<Couleurs> = {
title: 'Foundations/Couleurs/Color Display', title: 'Foundations/Couleurs/Color Display',
component: Couleurs, component: Couleurs,
tags: ['autodocs'], tags: ['autodocs'],
argTypes: { argTypes: {
hexaCode: { control: 'text' }, hexaCode: {control: 'text'},
name: { control: 'text' }, name: {control: 'text'},
} }
}; };
export default meta; export default meta;
type Story = StoryObj<Couleurs>; type Story = StoryObj<Couleurs>;
export const Example: Story = { export const ExampleMain: Story = {
render: (args) => ({ props: args }), render: (args) => ({props: args}),
args: { args: {
hexaCode: '#165DFF', hexaCode: '#165DFF',
name: 'Primary 600' name: 'Primary Main'
} }
};
export const ExampleMain100: Story = {
render: (args) => ({props: args}),
args: {
hexaCode: '#96BEE4',
name: 'Primary 100'
}
};
export const ExampleSecondary100: Story = {
render: (args) => ({props: args}),
args: {
hexaCode: '#BCE0DE',
name: 'Secondary 100'
}
}; };