@gluestack-ui/fab
Version:
A universal headless fab component for React Native, Next.js & React
31 lines (30 loc) • 1.11 kB
TypeScript
export interface InterfaceFabProps {
/**
* If true, the button will show a spinner.
*/
placement?: 'top left' | 'top right' | 'bottom left' | 'bottom right' | 'top center' | 'bottom center';
/**
* If true, the button will be in hovered state.
*/
isHovered?: boolean;
/**
* If true, the button will be in pressed state.
*/
isPressed?: boolean;
/**
* If true, the button will be focused.
*/
isFocused?: boolean;
/**
* If true, the button focus ring will be visible.
*/
isFocusVisible?: boolean;
/**
* If true, the button will be disabled.
*/
isDisabled?: boolean;
}
export type IFabComponentType<StyledFab, StyledFabLabel, StyledFabIcon> = React.ForwardRefExoticComponent<React.PropsWithoutRef<StyledFab> & InterfaceFabProps & React.RefAttributes<StyledFab>> & {
Label: React.ForwardRefExoticComponent<React.PropsWithoutRef<StyledFabLabel> & React.RefAttributes<StyledFabLabel>>;
Icon: React.ForwardRefExoticComponent<React.PropsWithoutRef<StyledFabIcon> & React.RefAttributes<StyledFabIcon>>;
};