infinity-ui-elements
Version:
A React TypeScript component library with Tailwind CSS design system
80 lines • 1.88 kB
TypeScript
import type { StoryObj } from "@storybook/react";
declare const meta: {
title: string;
component: import("react").ForwardRefExoticComponent<import("./Tabs").TabsProps & import("react").RefAttributes<HTMLDivElement>>;
parameters: {
layout: string;
};
tags: string[];
argTypes: {
variant: {
control: {
type: "select";
};
options: string[];
description: string;
};
size: {
control: {
type: "select";
};
options: string[];
description: string;
};
isFullWidth: {
control: {
type: "boolean";
};
description: string;
};
renderContent: {
control: {
type: "boolean";
};
description: string;
};
};
};
export default meta;
type Story = StoryObj<typeof meta>;
/**
* Default tabs with simple text labels
*/
export declare const Default: Story;
/**
* Tabs with icons and badges
*/
export declare const WithIconsAndBadges: Story;
/**
* Small size tabs
*/
export declare const Small: Story;
/**
* Full width tabs (tabs stretch to fill container)
*/
export declare const FullWidth: Story;
/**
* Borderless variant tabs (no container border)
*/
export declare const Borderless: Story;
/**
* Tabs with disabled state
*/
export declare const WithDisabled: Story;
/**
* Tabs with content panels
*/
export declare const WithContent: Story;
/**
* Controlled tabs example with state management
*/
export declare const Controlled: Story;
/**
* Closeable tabs for managing multiple views
*/
export declare const CloseableTabs: Story;
/**
* Comparison of all variants
*/
export declare const AllVariants: Story;
//# sourceMappingURL=Tabs.stories.d.ts.map