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

Welcome to the STIHL Design System react component library.

import { ButtonProps } from '../Button/Button';
import { ButtonHTMLAttributes } from 'react';
import { ButtonRoundSize, ButtonRoundVariant } from './ButtonRound.utils';
export interface ButtonRoundProps extends ButtonHTMLAttributes<HTMLButtonElement>, Pick<ButtonProps, 'aria' | `data-${string}` | 'iconName' | 'iconSource' | 'loading' | 'theme' | 'tooltip'> {
    /** Content within the button. */
    children: React.ReactNode;
    /** Disables the button, preventing user interaction.
     * @default false
     */
    disabled?: boolean;
    /** Size of the button.
     * @default 'small'
     */
    size?: ButtonRoundSize;
    /** Visual style variant of the button.
     * @default 'filled'
     */
    variant?: ButtonRoundVariant;
    /** Callback function called when the button is clicked. */
    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
}
/**
 * Icon only Buttons should only used for functions where visible labels are not needed to define the function e.g. modal close or pagination buttons.
 *
 * Design in Figma: [Button Round](https://www.figma.com/design/qXldpLO6gxHJNLdcXIPxYt/Core-Components-%F0%9F%92%A0?node-id=168-4016&t=UBsmFURFENnuYSW1-4)
 * */
export declare const DSButtonRound: import('react').ForwardRefExoticComponent<ButtonRoundProps & import('react').RefAttributes<HTMLButtonElement>>;