import type { Meta, StoryObj } from "@storybook/react-vite";
import { Breadcrumbs } from "../react";
import styles from "../styles.module.css";
const meta = {
title: "Designsystem/Breadcrumbs",
decorators: [
(Story) => (
),
],
} satisfies Meta;
export default meta;
type Story = StoryObj;
export const Default: Story = {
render: () => (
Nivå 3
-
Nivå 1
-
Nivå 2
-
Nivå 3
-
Nivå 4
),
};
export const React: Story = {
render: () => (
Nivå 3
-
Nivå 1
-
Nivå 2
-
Nivå 3
-
Nivå 4
),
};
export const WithBackbutton: Story = {
render: () => (
<>
Tilbakeknapp på både mobil og desktop:
Nivå 3
Tilbakeknapp på kun mobil:
Nivå 3
-
Nivå 1
-
Nivå 2
-
Nivå 3
-
Nivå 4
Ingen tilbakeknapp:
-
Nivå 1
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit
-
Nivå 3
-
Nivå 4
>
),
};
export const Sizes: Story = {
render: () => (
<>
Nivå 3
-
Nivå 1
-
Nivå 2
-
Nivå 3
-
Nivå 4
>
),
};
export const WithoutLinks: Story = {
render: () => (
- Nivå 1
- Nivå 2
- Lorem ipsum dolor sit amet, consectetur adipiscing elit
- Nivå 4
),
};