mirror of
https://github.com/ershisan99/ui-kit-int.git
synced 2025-12-16 20:59:25 +00:00
Initial commit
This commit is contained in:
32
src/components/button/button.stories.tsx
Normal file
32
src/components/button/button.stories.tsx
Normal file
@@ -0,0 +1,32 @@
|
||||
import { Button } from "./button";
|
||||
import { type Meta } from "@storybook/react";
|
||||
|
||||
const meta = {
|
||||
component: Button,
|
||||
title: "Components/Button",
|
||||
tags: ["autodocs"],
|
||||
} satisfies Meta<typeof Button>;
|
||||
|
||||
export default meta;
|
||||
|
||||
export const Default = {
|
||||
args: {
|
||||
children: "Default button",
|
||||
},
|
||||
};
|
||||
|
||||
export const AlertOnClick = {
|
||||
args: {
|
||||
children: "Alert!",
|
||||
onClick: () => alert("Button clicked"),
|
||||
},
|
||||
};
|
||||
|
||||
export const ButtonAsLink = {
|
||||
args: {
|
||||
children: "This is a link",
|
||||
as: "a",
|
||||
href: "https://google.com",
|
||||
target: "_blank",
|
||||
},
|
||||
};
|
||||
Reference in New Issue
Block a user