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

Welcome to the STIHL Design System react component library.

import { IconName } from '../../types';
import { ButtonProps } from '../Button/Button';
export interface FloatingActionButtonProps extends Omit<ButtonProps, 'hideLabel' | 'iconPosition' | 'variant' | 'isFlush'> {
    children: React.ReactNode;
    /** Name of the icon to display.
     * @default 'placeholder'
     */
    iconName?: IconName;
}
/**
 * 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>>;