@stihl-design-system/components/components/FloatingActionButton/FloatingActionButton.d.ts

Welcome to the STIHL Design System react component library.

import { ButtonProps } from '../Button/Button';
import { ButtonHTMLAttributes } from 'react';
export interface FloatingActionButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, Pick<ButtonProps, 'aria' | `data-${string}` | 'iconName' | 'iconSource' | 'loading' | 'size' | 'theme' | 'tooltip'> {
    /** Content within the button. */
    children: React.ReactNode;
    /** Disables the button, preventing user interaction.
     * @default false
     */
    disabled?: boolean;
    /** Callback function called when the button is clicked. */
    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
}
/**
 * FABs are used to highlight actions by laying over the content.
 *
 * Sizes:
 * - medium (e.g. back-to-top)
 * - small (e.g. menu drawer of the sidebar navigation)
 *
 * Design in Figma: [Floating Action Button](https://www.figma.com/design/qXldpLO6gxHJNLdcXIPxYt/Core-Components-%F0%9F%92%A0?node-id=168-5095&t=UBsmFURFENnuYSW1-11)
 * */
export declare const DSFloatingActionButton: import('react').ForwardRefExoticComponent<FloatingActionButtonProps & import('react').RefAttributes<HTMLButtonElement>>;