infinity-ui-elements/dist/components/ButtonGroup/ButtonGroup.stories.d.ts

A React TypeScript component library with Tailwind CSS design system

import type { Meta, StoryObj } from "@storybook/react";
import { ButtonGroup } from "./ButtonGroup";
declare const meta: Meta<typeof ButtonGroup>;
export default meta;
type Story = StoryObj<typeof ButtonGroup>;
/**
 * Default button group with attached buttons in horizontal orientation.
 */
export declare const Default: Story;
/**
 * Controlled button group - acts as a segmented control or tab selector.
 */
export declare const Controlled: Story;
/**
 * Controlled button group with more options.
 */
export declare const ControlledTabs: Story;
/**
 * Button group with attached secondary variant buttons.
 */
export declare const AttachedSecondary: Story;
/**
 * Button group with attached tertiary variant buttons.
 */
export declare const AttachedTertiary: Story;
/**
 * Button groups in different sizes with attached variant.
 */
export declare const Sizes: Story;
/**
 * Vertical button group with attached variant.
 */
export declare const Vertical: Story;
/**
 * Vertical controlled button group - perfect for sidebars.
 */
export declare const VerticalControlled: Story;
/**
 * Button group with icons (attached variant).
 */
export declare const WithIcons: Story;
/**
 * Button group with icon-only buttons (attached variant).
 */
export declare const IconOnly: Story;
/**
 * Controlled button group with color selection.
 */
export declare const ColorSelector: Story;
/**
 * Disabled button group (attached variant).
 */
export declare const Disabled: Story;
/**
 * Full width button group (attached variant).
 */
export declare const FullWidth: Story;
/**
 * Full width vertical button group (attached variant).
 */
export declare const FullWidthVertical: Story;
/**
 * Button group with individual disabled buttons (attached variant).
 */
export declare const IndividualDisabled: Story;
/**
 * Toolbar example with multiple attached button groups.
 */
export declare const Toolbar: Story;
/**
 * Controlled segmented control for time period selection.
 */
export declare const SegmentedControl: Story;
/**
 * Button group with two buttons - common action pattern.
 */
export declare const TwoButtons: Story;
/**
 * Button group with many buttons (attached variant).
 */
export declare const ManyButtons: Story;
/**
 * Separated variant - buttons with gaps between them (perfect for pagination).
 */
export declare const Separated: Story;
/**
 * Separated variant with different sizes - ideal for pagination.
 */
export declare const SeparatedSizes: Story;
/**
 * Separated pagination-style example with active state.
 */
export declare const PaginationStyle: Story;
/**
 * Separated vertical button group.
 */
export declare const SeparatedVertical: Story;
/**
 * Comparison between attached and separated variants.
 */
export declare const AttachedVsSeparated: Story;
//# sourceMappingURL=ButtonGroup.stories.d.ts.map