aura-glass/dist/components/button/GlassFab.d.ts

A comprehensive glassmorphism design system for React applications with 142+ production-ready components

import React from "react";
import type { ConsciousnessFeatures } from "../layout/GlassContainer";
export interface FabProps extends ConsciousnessFeatures {
    /**
     * The content of the button
     */
    children: React.ReactNode;
    /**
     * The color of the button
     */
    color?: "primary" | "secondary" | "success" | "error" | "warning" | "info" | "default";
    /**
     * If true, the button will be disabled
     */
    disabled?: boolean;
    /**
     * The URL to link to when the button is clicked
     */
    href?: string;
    /**
     * The size of the button
     */
    size?: "small" | "medium" | "large";
    /**
     * The variant of the button
     */
    variant?: "standard" | "extended" | "glass";
    /**
     * Callback fired when the button is clicked
     */
    onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
    /**
     * The position of the FAB (fixed positioning options)
     */
    position?: "bottomRight" | "bottomLeft" | "topRight" | "topLeft" | "center" | "none";
    /**
     * Tooltip text for the FAB
     */
    tooltip?: string;
    /**
     * If true, the FAB will show a pulse animation
     */
    pulse?: boolean;
    /**
     * Additional CSS class
     */
    className?: string;
    /**
     * If true, glass glow effect will be more intense
     */
    enhanced?: boolean;
    /**
     * Z-index for the FAB
     */
    zIndex?: number;
    /**
     * Type of the button
     */
    type?: "button" | "submit" | "reset";
    /** Controls visibility for entrance/exit animation */
    isVisible?: boolean;
    /** Additional style properties */
    style?: React.CSSProperties;
    /** Prop for disabling animation */
    disableAnimation?: boolean;
    /** Animation configuration */
    animationConfig?: any;
    /** Glass surface intent */
    intent?: "neutral" | "primary" | "success" | "warning" | "danger" | "info";
    /** Glass surface elevation */
    elevation?: "level1" | "level2" | "level3" | "level4";
    /** Performance tier */
    tier?: "low" | "medium" | "high";
    /** Accessible label for the button (required for icon-only buttons) */
    "aria-label"?: string;
    /** ID of element that labels the button */
    "aria-labelledby"?: string;
    /** ID of element(s) that describe the button */
    "aria-describedby"?: string;
    /** Whether button is pressed/active (for toggle buttons) */
    "aria-pressed"?: boolean;
    /** Whether button controls expanded content */
    "aria-expanded"?: boolean;
    /** ID of element controlled by this button */
    "aria-controls"?: string;
    /** Whether button has popup menu or dialog */
    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog";
    /** Description text for complex buttons (automatically creates describedby) */
    description?: string;
}
/**
 * Fab Component
 *
 * A floating action button (FAB) performs the primary action in an application.
 */
export declare const Fab: React.ForwardRefExoticComponent<FabProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
/**
 * GlassFab Component
 *
 * A floating action button with glass morphism styling.
 */
export declare const GlassFab: React.ForwardRefExoticComponent<FabProps & React.RefAttributes<HTMLElement>>;
export default Fab;
//# sourceMappingURL=GlassFab.d.ts.map