@unicity/design-system
Version:
A comprehensive React component library built on Material-UI with advanced theming capabilities including neumorphism design support
100 lines • 2.05 kB
TypeScript
import React from 'react';
export interface SpeedDialActionData {
/**
* Unique identifier
*/
id: string;
/**
* Action icon
*/
icon: React.ReactNode;
/**
* Action label/tooltip
*/
label: string;
/**
* Click handler
*/
onClick?: () => void;
/**
* Whether action is disabled
*/
disabled?: boolean;
/**
* Custom color for the action
*/
color?: 'primary' | 'secondary' | 'error' | 'warning' | 'info' | 'success';
/**
* Whether to show tooltips on hover
*/
showTooltip?: boolean;
}
export interface SpeedDialProps {
/**
* Speed dial actions
*/
actions: SpeedDialActionData[];
/**
* Whether speed dial is open
*/
open?: boolean;
/**
* Callback fired when speed dial should open/close
*/
onOpenChange?: (open: boolean) => void;
/**
* Main FAB icon
*/
icon?: React.ReactNode;
/**
* Open state icon
*/
openIcon?: React.ReactNode;
/**
* Direction of the actions
*/
direction?: 'up' | 'down' | 'left' | 'right';
/**
* Speed dial variant
*/
variant?: 'default' | 'extended';
/**
* Size of the speed dial
*/
size?: 'small' | 'medium' | 'large';
/**
* Color theme
*/
color?: 'primary' | 'secondary' | 'error' | 'warning' | 'info' | 'success';
/**
* Position on screen
*/
position?: {
bottom?: number;
top?: number;
left?: number;
right?: number;
};
/**
* Whether to show backdrop when open
*/
showBackdrop?: boolean;
/**
* Label for extended variant
*/
label?: string;
/**
* Whether speed dial is hidden
*/
hidden?: boolean;
/**
* Whether to close on action click
*/
closeOnActionClick?: boolean;
/**
* Custom styling
*/
sx?: any;
}
export declare const SpeedDial: React.FC<SpeedDialProps>;
//# sourceMappingURL=SpeedDial.d.ts.map