@uifabric/experiments
Version:
Experimental React components for building experiences for Office 365.
73 lines (72 loc) • 1.75 kB
TypeScript
/// <reference types="react" />
import * as React from 'react';
import { ChicletBase } from './Chiclet.base';
import { IStyleFunctionOrObject, IRefObject } from '../../Utilities';
import { IStyle, ITheme } from '../../Styling';
export interface IChiclet {
}
export interface IChicletProps extends React.Props<ChicletBase> {
/**
* Optional callback to access the IChiclet interface. Use this instead of ref for accessing
* the public methods and properties of the component.
*/
componentRef?: IRefObject<IChiclet>;
/**
* Call to provide customized styling that will layer on top of the variant rules.
*/
styles?: IStyleFunctionOrObject<IChicletStyleProps, IChicletStyles>;
/**
* Optional class for chiclet.
*/
className?: string;
/**
* Sharing link
*/
url: string;
/**
* Chiclet size to render
*/
size?: ChicletSize;
/**
* Description to render for the component.
*/
description?: React.ReactElement<JSX.Element>;
/**
* Footer to render for the component.
*/
footer?: React.ReactElement<JSX.Element>;
/**
* Theme for the component.
*/
theme?: ITheme;
}
export interface IChicletStyleProps {
/**
* Theme for the component.
*/
theme?: ITheme;
}
export interface IChicletStyles {
/**
* Style for the root element when fixed.
*/
root?: IStyle;
}
export declare enum ChicletSize {
/**
* X-Small Chiclet
*/
xSmall = 0,
/**
* Small Chiclet
*/
small = 1,
/**
* Medium Chiclet
*/
medium = 2,
/**
* Large Chiclet
*/
large = 3,
}