diff --git a/CHANGELOG.md b/CHANGELOG.md index d28e8145e..58c5a6823 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ## Unreleased +### Added + +- Added a _Storybook_ story for the copy-to-clipboard functionality in the value component + ### Changed - Improved the language localization for German (`de`) diff --git a/libs/ui/src/lib/value/value.component.stories.ts b/libs/ui/src/lib/value/value.component.stories.ts index 214331efc..5a285e89b 100644 --- a/libs/ui/src/lib/value/value.component.stories.ts +++ b/libs/ui/src/lib/value/value.component.stories.ts @@ -1,5 +1,6 @@ import '@angular/localize/init'; -import { moduleMetadata } from '@storybook/angular'; +import { provideNoopAnimations } from '@angular/platform-browser/animations'; +import { applicationConfig, moduleMetadata } from '@storybook/angular'; import type { Meta, StoryObj } from '@storybook/angular'; import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader'; @@ -9,6 +10,9 @@ export default { title: 'Value', component: GfValueComponent, decorators: [ + applicationConfig({ + providers: [provideNoopAnimations()] + }), moduleMetadata({ imports: [NgxSkeletonLoaderModule] }) @@ -103,3 +107,12 @@ export const Precision: Story = { value: 7.2534802394809285309 } }; + +export const WithCopyButton: Story = { + args: { + enableCopyToClipboardButton: true, + locale: 'en-US', + value: 1234.56 + }, + name: 'With Copy Button' +};