office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
49 lines • 2.56 kB
JavaScript
import * as React from 'react';
import { IconBasicExample } from './examples/Icon.Basic.Example';
import { IconSvgExample } from './examples/Icon.Svg.Example';
import { IconColorExample } from './examples/Icon.Color.Example';
import { IconImageSheetExample } from './examples/Icon.ImageSheet.Example';
import { IconStatus } from './Icon.checklist';
var IconBasicExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Icon/examples/Icon.Basic.Example.tsx');
var IconBasicExampleCodepen = require('!raw-loader!office-ui-fabric-react/lib/codepen/components/Icon/Icon.Basic.Example.Codepen.txt');
var IconSvgExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Icon/examples/Icon.Svg.Example.tsx');
var IconColorExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Icon/examples/Icon.Color.Example.tsx');
var IconImageSheetExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Icon/examples/Icon.ImageSheet.Example.tsx');
export var IconPageProps = {
title: 'Icon',
componentName: 'Icon',
componentUrl: 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master/packages/office-ui-fabric-react/src/components/Icon',
componentStatus: IconStatus,
examples: [
{
title: 'Icon',
code: IconBasicExampleCode,
view: React.createElement(IconBasicExample, null),
codepenJS: IconBasicExampleCodepen
},
{
title: 'Icon with custom color',
code: IconColorExampleCode,
view: React.createElement(IconColorExample, null)
},
{
title: 'Icon using custom svg',
code: IconSvgExampleCode,
view: React.createElement(IconSvgExample, null)
},
{
title: 'Icon using image sheet',
code: IconImageSheetExampleCode,
view: React.createElement(IconImageSheetExample, null)
}
],
propertiesTablesSources: [require('!raw-loader!office-ui-fabric-react/src/components/Icon/Icon.types.ts')],
overview: require('!raw-loader!office-ui-fabric-react/src/components/Icon/docs/IconOverview.md'),
bestPractices: '',
dos: require('!raw-loader!office-ui-fabric-react/src/components/Icon/docs/IconDos.md'),
donts: require('!raw-loader!office-ui-fabric-react/src/components/Icon/docs/IconDonts.md'),
isHeaderVisible: true,
isFeedbackVisible: true,
allowNativeProps: true
};
//# sourceMappingURL=Icon.doc.js.map