44 lines
1.1 KiB
TypeScript
44 lines
1.1 KiB
TypeScript
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" },
|
|
],
|
|
},
|
|
}
|