You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

35 lines
905 B

import { CommonModule } from '@angular/common';
import { ReactiveFormsModule } from '@angular/forms';
import { MatRadioModule } from '@angular/material/radio';
import { moduleMetadata } from '@storybook/angular';
import type { Meta, StoryObj } from '@storybook/angular';
import { GfToggleComponent } from './toggle.component';
const DEFAULT_OPTIONS = [
{ label: 'Today', value: '1d' },
{ label: 'YTD', value: 'ytd' },
{ label: '1Y', value: '1y' },
{ label: '5Y', value: '5y' },
{ label: 'Max', value: 'max' }
];
export default {
title: 'Toggle',
component: GfToggleComponent,
decorators: [
moduleMetadata({
imports: [CommonModule, MatRadioModule, ReactiveFormsModule]
})
]
} as Meta<GfToggleComponent>;
type Story = StoryObj<GfToggleComponent>;
export const Default: Story = {
args: {
options: DEFAULT_OPTIONS,
defaultValue: '1d',
isLoading: true
}
};