@lax-wp/design-system
Version:
A comprehensive React + TypeScript design system built with Vite, providing reusable UI components for the LAX web portal applications. Features a complete set of form components, data display elements, and interactive controls with full TypeScript suppor
28 lines (27 loc) • 757 B
TypeScript
import type { ReactNode } from 'react';
/**
* Props for SortableTab component
*/
type SortableTabProps = {
/** Unique identifier for the tab */
title: string;
/** Children to render */
children: ReactNode;
/** Whether the tab is currently being dragged */
isDragging?: boolean;
};
/**
* SortableTab component
*
* Wrapper component that makes a tab draggable and sortable using @dnd-kit/sortable.
* Shows a visual indicator when the tab is being dragged.
*
* @example
* ```tsx
* <SortableTab title="Tab 1" isDragging={false}>
* <div>Tab content</div>
* </SortableTab>
* ```
*/
export declare const SortableTab: ({ title, children, isDragging }: SortableTabProps) => import("react/jsx-runtime").JSX.Element;
export {};