|
|
@ -16,6 +16,10 @@ export default { |
|
|
deviceType: { |
|
|
deviceType: { |
|
|
control: 'select', |
|
|
control: 'select', |
|
|
options: ['desktop', 'mobile'] |
|
|
options: ['desktop', 'mobile'] |
|
|
|
|
|
}, |
|
|
|
|
|
size: { |
|
|
|
|
|
control: 'select', |
|
|
|
|
|
options: ['small', 'medium', 'large'] |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} as Meta<GfValueComponent>; |
|
|
} as Meta<GfValueComponent>; |
|
|
@ -51,7 +55,11 @@ export const Label: Story = { |
|
|
args: { |
|
|
args: { |
|
|
locale: 'en-US', |
|
|
locale: 'en-US', |
|
|
value: 7.25 |
|
|
value: 7.25 |
|
|
} |
|
|
}, |
|
|
|
|
|
render: (args) => ({ |
|
|
|
|
|
props: args, |
|
|
|
|
|
template: `<gf-value [locale]="locale" [size]="size" [value]="value">Label</gf-value>` |
|
|
|
|
|
}) |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
export const PerformancePositive: Story = { |
|
|
export const PerformancePositive: Story = { |
|
|
|