@uifabric/styling
Version:
Styling helpers for Fluent UI React.
39 lines (38 loc) • 983 B
TypeScript
import { IRawStyle } from '@uifabric/merge-styles';
export interface IGetFocusStylesOptions {
/**
* The number of pixels to inset the border.
* @defaultvalue 0
*/
inset?: number;
/**
* The width of the border in pixels.
* @defaultvalue 1
*/
width?: number;
/**
* The positioning applied to the container.
* Must be 'relative' or 'absolute' so that the focus border can live around it.
* @defaultvalue 'relative'
*/
position?: 'relative' | 'absolute';
/**
* Style for high contrast mode.
*/
highContrastStyle?: IRawStyle;
/**
* Color of the border.
* @defaultvalue theme.palette.white
*/
borderColor?: string;
/**
* Color of the outline.
* @defaultvalue theme.palette.neutralSecondary
*/
outlineColor?: string;
/**
* If the styles should apply on `:focus` pseudo element.
* @defaultvalue true
*/
isFocusedOnly?: boolean;
}