Move LinkChips and add unit + a11y tests for chips components
This commit is contained in:
@@ -0,0 +1,43 @@
|
||||
import type { Meta, StoryObj } from "@storybook/nextjs-vite"
|
||||
|
||||
import { LinkChips } from "./LinkChips"
|
||||
|
||||
const meta: Meta<typeof LinkChips> = {
|
||||
title: "Product Components/LinkChips",
|
||||
component: LinkChips,
|
||||
}
|
||||
|
||||
export default meta
|
||||
|
||||
type Story = StoryObj<typeof LinkChips>
|
||||
|
||||
export const Default: Story = {
|
||||
args: {
|
||||
chips: [
|
||||
{ title: "Hotels in Stockholm", url: "/hotels/stockholm" },
|
||||
{ title: "Hotels in Copenhagen", url: "/hotels/copenhagen" },
|
||||
{ title: "Hotels in Oslo", url: "/hotels/oslo" },
|
||||
],
|
||||
},
|
||||
}
|
||||
|
||||
export const SingleChip: Story = {
|
||||
args: {
|
||||
chips: [{ title: "View all hotels", url: "/hotels" }],
|
||||
},
|
||||
}
|
||||
|
||||
export const ManyChips: Story = {
|
||||
args: {
|
||||
chips: [
|
||||
{ title: "Stockholm", url: "/hotels/stockholm" },
|
||||
{ title: "Copenhagen", url: "/hotels/copenhagen" },
|
||||
{ title: "Oslo", url: "/hotels/oslo" },
|
||||
{ title: "Helsinki", url: "/hotels/helsinki" },
|
||||
{ title: "Gothenburg", url: "/hotels/gothenburg" },
|
||||
{ title: "Malmö", url: "/hotels/malmo" },
|
||||
{ title: "Bergen", url: "/hotels/bergen" },
|
||||
{ title: "Tampere", url: "/hotels/tampere" },
|
||||
],
|
||||
},
|
||||
}
|
||||
Reference in New Issue
Block a user