infinity-ui-elements
Version:
A React TypeScript component library with Tailwind CSS design system
98 lines • 2.31 kB
TypeScript
import type { StoryObj } from "@storybook/react";
declare const meta: {
title: string;
component: import("react").ForwardRefExoticComponent<import("./TabItem").TabItemProps & import("react").RefAttributes<HTMLButtonElement>>;
parameters: {
layout: string;
};
tags: string[];
argTypes: {
variant: {
control: {
type: "select";
};
options: string[];
description: string;
};
size: {
control: {
type: "select";
};
options: string[];
description: string;
};
isSelected: {
control: {
type: "boolean";
};
description: string;
};
isDisabled: {
control: {
type: "boolean";
};
description: string;
};
isFullWidth: {
control: {
type: "boolean";
};
description: string;
};
};
};
export default meta;
type Story = StoryObj<typeof meta>;
/**
* Default tab item with just a title
*/
export declare const Default: Story;
/**
* Selected tab item showing the active state with bottom border
*/
export declare const Selected: Story;
/**
* Tab item with leading icon
*/
export declare const WithLeadingIcon: Story;
/**
* Tab item with trailing badge
*/
export declare const WithTrailingBadge: Story;
/**
* Tab item with both leading icon and trailing badge
*/
export declare const Complete: Story;
/**
* Selected tab with icon and badge
*/
export declare const CompleteSelected: Story;
/**
* Disabled tab item
*/
export declare const Disabled: Story;
/**
* Small size tab
*/
export declare const Small: Story;
/**
* Large size tab
*/
export declare const Large: Story;
/**
* Borderless variant tab (no container border)
*/
export declare const Borderless: Story;
/**
* Borderless variant selected tab
*/
export declare const BorderlessSelected: Story;
/**
* All states demonstration - Bordered variant
*/
export declare const AllStatesBordered: Story;
/**
* All states demonstration - Borderless variant
*/
export declare const AllStatesBorderless: Story;
//# sourceMappingURL=TabItem.stories.d.ts.map