docs(person-select): adding a console.log to select event in storybook

equinor · Jan 15, 2024 · f2f262c · f2f262c
1 parent 08954d4
commit f2f262c
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/storybook/stories/person/person-select.stories.ts b/storybook/stories/person/person-select.stories.ts
@@ -3,7 +3,7 @@ import { ifDefined } from 'lit/directives/if-defined.js';
 
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { setCustomElementsManifest } from '@storybook/web-components';
-import PersonSelect, { PersonSelectElementProps } from '@equinor/fusion-wc-person/select';
+import PersonSelect, { PersonSelectElementProps, PersonSelectEvent } from '@equinor/fusion-wc-person/select';
 import cem from '@equinor/fusion-wc-person/custom-elements.json';
 
 import { faker } from '@faker-js/faker';
@@ -26,7 +26,8 @@ const meta: Meta<typeof cem> = {
 const render = (props: PersonSelectElementProps) =>
   html`
     <div style="min-height: 300px">
-      <fwc-person-select autofocus=${ifDefined(props.autofocus)}></fwc-person-avatar>
+      <fwc-person-select autofocus=${ifDefined(props.autofocus)} @select=${(e: PersonSelectEvent) =>
+        console.log('PersonSelectEvent', e)}></fwc-person-avatar>
     </div>
 `;