UNPKG

office-ui-fabric-react

Version:

Reusable React components for building experiences for Microsoft 365.

78 lines (77 loc) 1.98 kB
import { IStyle, ITheme } from '../../Styling'; import { IRefObject, IStyleFunctionOrObject } from '../../Utilities'; /** * {@docCategory Check} */ export interface ICheckProps { /** * Gets the component ref. */ componentRef?: IRefObject<ICheckProps>; /** * Whether or not this menu item is currently checked. * @defaultvalue false */ checked?: boolean; /** * Call to provide customized styling that will layer on top of the variant rules */ styles?: IStyleFunctionOrObject<ICheckStyleProps, ICheckStyles>; /** * @deprecated Not used */ alwaysShowCheck?: boolean; /** * Theme provided by HOC. */ theme?: ITheme; /** * Additional css class to apply to the Check */ className?: string; /** * Whether to use fast icon components. The icons can't be targeted by customization but are * still customizable via class names. * @defaultvalue true */ useFastIcons?: boolean; } /** * {@docCategory Check} */ export declare type ICheckStyleProps = Required<Pick<ICheckProps, 'theme'>> & Pick<ICheckProps, 'className' | 'checked'> & { /** * Custom height/width for the checkbox. * @defaultvalue '18px' */ height?: string; /** * Custom height/width for the checkbox. * @defaultvalue '18px' * @deprecated Use `height` */ checkBoxHeight?: string; }; /** * {@docCategory Check} */ export interface ICheckStyles { /** * Style for the root element. */ root: IStyle; /** * The 'check' icon styles. */ check: IStyle; /** * The 'circle' icon styles. */ circle: IStyle; /** * Check host style * @deprecated Not used directly within the component. Instead, use `CheckGlobalClassNames.checkHost` from * `Check.styles.ts` to get the static class name to apply to the parent element of the Check. */ checkHost: IStyle; }