office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
67 lines (66 loc) • 1.62 kB
TypeScript
import * as React from 'react';
import { CheckBase } from './Check.base';
import { IStyle, ITheme } from '../../Styling';
import { IRefObject, IStyleFunctionOrObject } from '../../Utilities';
export interface ICheckProps extends React.Props<CheckBase> {
/**
* 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>;
/**
* Flag to always show the check icon. Not currently working.
*/
alwaysShowCheck?: boolean;
/**
* Theme provided by HOC.
*/
theme?: ITheme;
/**
* Additional css class to apply to the Check
* @defaultvalue undefined
*/
className?: string;
}
export interface ICheckStyleProps {
/**
* Accept theme prop.
*/
theme: ITheme;
/**
* Accept custom classNames
*/
className?: string;
/**
* Accept custom checkBox size in pixels.
* @defaultvalue '18px'
*/
checkBoxHeight?: string;
checked?: boolean;
}
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
*/
checkHost: IStyle;
}