toggleswitch-checked.component.ts

import { Component } from '@angular/core';
import { FormControl, ReactiveFormsModule } from '@angular/forms';
import { StoryObj } from '@storybook/angular';
import { ToggleSwitchComponent } from '../../../../lib/components/toggleswitch/toggleswitch.component';

@Component({
  selector: 'app-toggleswitch-checked',
  standalone: true,
  imports: [ToggleSwitchComponent, ReactiveFormsModule],
  template: `
    <toggleswitch [formControl]="control"></toggleswitch>
  `,
})
export class ToggleSwitchCheckedComponent {
  control = new FormControl(true);
}

export const Checked: StoryObj = {
  render: () => ({
    template: `<app-toggleswitch-checked></app-toggleswitch-checked>`,
  }),
  parameters: {
    docs: {
      description: { story: 'Переключатель во включённом состоянии.' },
      source: {
        language: 'ts',
        code: `
import { Component } from '@angular/core';
import { FormControl, ReactiveFormsModule } from '@angular/forms';
import { ToggleSwitchComponent } from '@cdek-it/angular-ui-kit';

@Component({
  selector: 'app-toggleswitch-checked',
  standalone: true,
  imports: [ToggleSwitchComponent, ReactiveFormsModule],
  template: \`
    <toggleswitch [formControl]="control"></toggleswitch>
  \`,
})
export class ToggleSwitchCheckedComponent {
  control = new FormControl(true);
}
        `,
      },
    },
  },
};