@stihl-design-system/components
Version:
Welcome to the STIHL Design System react component library.
21 lines (20 loc) • 970 B
TypeScript
import { IconName } from '../../types';
import { ButtonProps } from '../Button/Button';
import { ButtonRoundVariant } from './ButtonRound.utils';
export interface ButtonRoundProps extends Omit<ButtonProps, 'hideLabel' | 'size' | 'iconPosition' | 'isFlush'> {
children: React.ReactNode;
/** Visual style variant of the button.
* @default 'filled'
*/
variant?: ButtonRoundVariant;
/** Name of the icon to display.
* @default 'placeholder'
*/
iconName?: IconName;
}
/**
* 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>>;