Skip to content

Commit 0b26e5f

Browse files
Add Storybook story showcasing atomic-facet-manager with atomic-popover
Co-authored-by: louis-bompart <12366410+louis-bompart@users.noreply.github.com>
1 parent ed7f9f8 commit 0b26e5f

File tree

1 file changed

+40
-0
lines changed

1 file changed

+40
-0
lines changed

packages/atomic/src/components/search/atomic-facet-manager/atomic-facet-manager.new.stories.tsx

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -67,3 +67,43 @@ export const Default: Story = {
6767
`,
6868
},
6969
};
70+
71+
export const WithPopover: Story = {
72+
name: 'With facets inside atomic-popover',
73+
decorators: [
74+
(story) => html`
75+
<style>
76+
atomic-facet-manager {
77+
display: flex;
78+
flex-wrap: wrap;
79+
gap: 0.5rem;
80+
}
81+
</style>
82+
${story()}
83+
`,
84+
],
85+
args: {
86+
'default-slot': `
87+
<atomic-popover>
88+
<atomic-facet field="author" label="Authors"></atomic-facet>
89+
</atomic-popover>
90+
<atomic-popover>
91+
<atomic-facet field="language" label="Language"></atomic-facet>
92+
</atomic-popover>
93+
<atomic-popover>
94+
<atomic-facet
95+
field="objecttype"
96+
label="Type"
97+
display-values-as="link"
98+
></atomic-facet>
99+
</atomic-popover>
100+
<atomic-popover>
101+
<atomic-facet
102+
field="year"
103+
label="Year"
104+
display-values-as="box"
105+
></atomic-facet>
106+
</atomic-popover>
107+
`,
108+
},
109+
};

0 commit comments

Comments
 (0)