@fluentui/react-northstar
Version:
A themable React component library.
48 lines (47 loc) • 2.24 kB
TypeScript
import { ComponentWithAs, ComponentSlotClasses } from '@fluentui/react-bindings';
import { ICSSInJSStyle } from '@fluentui/styles';
import * as React from 'react';
import { UIComponentProps, ContentComponentProps } from '../../utils';
import { FluentComponentStaticProps } from '../../types';
export interface ItemLayoutSlotClassNames {
header: string;
headerMedia: string;
main: string;
content: string;
contentMedia: string;
media: string;
endMedia: string;
}
export interface ItemLayoutProps extends UIComponentProps, ContentComponentProps<any> {
contentMedia?: any;
/** Toggle debug mode */
debug?: boolean;
header?: any;
endMedia?: any;
headerMedia?: any;
media?: any;
renderContentArea?: (props: ItemLayoutProps, classes: ComponentSlotClasses) => React.ReactNode;
renderHeaderArea?: (props: ItemLayoutProps, classes: ComponentSlotClasses) => React.ReactNode;
renderMainArea?: (props: ItemLayoutProps, classes: ComponentSlotClasses) => React.ReactNode;
/** Styled applied to the root element of the rendered component. */
rootCSS?: ICSSInJSStyle;
/** Styled applied to the media element of the rendered component. */
mediaCSS?: React.CSSProperties;
/** Styled applied to the header element of the rendered component. */
headerCSS?: ICSSInJSStyle;
/** Styled applied to the header media element of the rendered component. */
headerMediaCSS?: React.CSSProperties;
/** Styled applied to the content element of the rendered component. */
contentCSS?: ICSSInJSStyle;
/** Styled applied to the content element of the rendered component. */
contentMediaCSS?: React.CSSProperties;
/** Styled applied to the end media element of the rendered component. */
endMediaCSS?: React.CSSProperties;
}
export declare const itemLayoutClassName = "ui-itemlayout";
export declare const itemLayoutSlotClassNames: ItemLayoutSlotClassNames;
export declare type ItemLayoutStylesProps = never;
/**
* (DEPRECATED) The Item Layout handles layout styles for menu items, list items and other similar item templates.
*/
export declare const ItemLayout: ComponentWithAs<'div', ItemLayoutProps> & FluentComponentStaticProps<ItemLayoutProps>;