gitscope
/
← marzneshin / dashboard/src/common/components/header/header.stories.tsx / blame
Files Commits 446 Branches 1 Tags 43 Markers 4 README License
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/common/components/header/header.stories.tsx · v0.7.1
Source
1 c5c71ec Mardin 2y ago import { HeaderMenu, Header } from ".";
2 c5c71ec Mardin 2y ago import { CommandBox } from "@marzneshin/features/search-command";
3 7389ad0 Mardin 2y ago import { HeaderLogo } from "@marzneshin/common/components";
4 c5c71ec Mardin 2y ago import React from "react";
5 c5c71ec Mardin 2y ago import type { Meta, StoryObj } from "@storybook/react";
6 c5c71ec Mardin 2y ago
7 c5c71ec Mardin 2y ago const HeaderMenuComponent = HeaderMenu as React.FC<unknown>
8 c5c71ec Mardin 2y ago
9 c5c71ec Mardin 2y ago const meta: Meta<typeof Header> = {
10 c5c71ec Mardin 2y ago title: "Components/Header",
11 c5c71ec Mardin 2y ago component: Header,
12 c5c71ec Mardin 2y ago tags: ["autodocs"],
13 c5c71ec Mardin 2y ago subcomponents: { HeaderMenuComponent }
14 c5c71ec Mardin 2y ago };
15 c5c71ec Mardin 2y ago
16 c5c71ec Mardin 2y ago export default meta;
17 c5c71ec Mardin 2y ago
18 c5c71ec Mardin 2y ago type Story = StoryObj<typeof Header>;
19 c5c71ec Mardin 2y ago
20 c5c71ec Mardin 2y ago
21 c5c71ec Mardin 2y ago export const HeaderAnatomy: Story = {
22 c5c71ec Mardin 2y ago args: {
23 c5c71ec Mardin 2y ago start: <h1>Start section</h1>,
24 c5c71ec Mardin 2y ago center: <h1>Center section</h1>,
25 c5c71ec Mardin 2y ago end: <h1>End section</h1>
26 c5c71ec Mardin 2y ago }
27 c5c71ec Mardin 2y ago }
28 c5c71ec Mardin 2y ago
29 c5c71ec Mardin 2y ago export const HeaderWithMenu: Story = {
30 c5c71ec Mardin 2y ago args: {
31 c5c71ec Mardin 2y ago start: <h1>Start section</h1>,
32 c5c71ec Mardin 2y ago center: <h1>Center section</h1>,
33 c5c71ec Mardin 2y ago end: <HeaderMenu />
34 c5c71ec Mardin 2y ago }
35 c5c71ec Mardin 2y ago }
36 c5c71ec Mardin 2y ago
37 c5c71ec Mardin 2y ago
38 c5c71ec Mardin 2y ago export const DashoardHeader: Story = {
39 c5c71ec Mardin 2y ago args: {
40 c5c71ec Mardin 2y ago start: <HeaderLogo />,
41 c5c71ec Mardin 2y ago center: <CommandBox />,
42 c5c71ec Mardin 2y ago end: <HeaderMenu />
43 c5c71ec Mardin 2y ago }
44 c5c71ec Mardin 2y ago }