@fluentui/react-northstar
Version:
A themable React component library.
33 lines (32 loc) • 1.34 kB
TypeScript
import { ComponentDesignProp } from '@fluentui/react-bindings';
import { ComponentSlotStyle, ComponentVariablesInput } from '@fluentui/styles';
import * as React from 'react';
import { ReactChildren } from '../types';
export interface StyledComponentProps<P = any, V = any> {
/** Additional CSS styles to apply to the component instance. */
styles?: ComponentSlotStyle<P, V>;
/** Override for theme site variables to allow modifications of component styling via themes. */
variables?: ComponentVariablesInput;
}
export interface UIComponentProps<P = any, V = any> extends StyledComponentProps<P, V> {
/** Additional CSS class name(s) to apply. */
className?: string;
design?: ComponentDesignProp;
}
export declare type SizeValue = 'smallest' | 'smaller' | 'small' | 'medium' | 'large' | 'larger' | 'largest';
export declare type AlignValue = 'start' | 'end' | 'center' | 'justify';
export interface ColorComponentProps<TColor = string> {
/** A component can have a color. */
color?: TColor;
}
export interface ContentComponentProps<TContent = React.ReactNode> {
/** Shorthand for primary content. */
content?: TContent;
}
export interface ChildrenComponentProps<TChildren = ReactChildren> {
/**
* Content for childrenApi
* @docSiteIgnore
*/
children?: TChildren;
}