checkbox: стилизация, сторисы, обёртки

[khaliulin]

No description provided.

[persi14]

Добавь story c label. Я почему то не могу делать коммит. Либо дай права

import { Component } from '@angular/core';
import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
import { JsonPipe } from '@angular/common';
import { StoryObj } from '@storybook/angular';
import { CheckboxComponent } from '../../../../lib/components/checkbox/checkbox.component';

const template = `

Checkbox {{formControl.value | json}} `;

@component({
selector: 'app-checkbox-label',
standalone: true,
imports: [CheckboxComponent, ReactiveFormsModule, JsonPipe],
template,
})
export class CheckboxLabelComponent {
formControl: FormControl = new FormControl(false);
}

export const Label: StoryObj = {
render: () => ({
template: <app-checkbox-label></app-checkbox-label>,
}),
parameters: {
docs: {
description: { story: 'Пример использования чекбокса с label.' },
source: {
language: 'ts',
code: `
import { Component } from '@angular/core';
import { FormControl, FormsModule } from '@angular/forms';
import { StoryObj } from '@storybook/angular';
import { CheckboxComponent } from '../../../../lib/components/checkbox/checkbox.component';

const template = `

Checkbox {{formControl.value}} \`;

@component({
selector: 'app-checkbox-label',
standalone: true,
imports: [CheckboxComponent, FormsModule],
template,
})
export class CheckboxLabelComponent {
formControl: FormControl = new FormControl(false);
}

    `,
  },
},

},
};

Как код не могу добавить т.к. тут много символов