office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
54 lines • 3.85 kB
JavaScript
define(["require", "exports", "react", "./examples/SearchBox.FullSize.Example", "./examples/SearchBox.Underlined.Example", "./examples/SearchBox.Disabled.Example", "./examples/SearchBox.CustomIcon.Example", "./examples/SearchBox.Small.Example", "./SearchBox.checklist"], function (require, exports, React, SearchBox_FullSize_Example_1, SearchBox_Underlined_Example_1, SearchBox_Disabled_Example_1, SearchBox_CustomIcon_Example_1, SearchBox_Small_Example_1, SearchBox_checklist_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var SearchBoxFullSizeExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/SearchBox/examples/SearchBox.FullSize.Example.tsx');
var SearchBoxFullSizeExampleCodepen = require('!raw-loader!office-ui-fabric-react/lib/codepen/components/SearchBox/SearchBox.FullSize.Example.Codepen.txt');
var SearchBoxUnderlinedExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/SearchBox/examples/SearchBox.Underlined.Example.tsx');
var SearchBoxDisabledExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/SearchBox/examples/SearchBox.Disabled.Example.tsx');
var SearchBoxCustomIconExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/SearchBox/examples/SearchBox.CustomIcon.Example.tsx');
var SearchBoxSmallExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/SearchBox/examples/SearchBox.Small.Example.tsx');
exports.SearchBoxPageProps = {
title: 'SearchBox',
componentName: 'SearchBox',
componentUrl: 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master/packages/office-ui-fabric-react/src/components/SearchBox',
componentStatus: SearchBox_checklist_1.SearchBoxStatus,
examples: [
{
title: 'Default SearchBox',
code: SearchBoxFullSizeExampleCode,
view: React.createElement(SearchBox_FullSize_Example_1.SearchBoxFullSizeExample, null),
codepenJS: SearchBoxFullSizeExampleCodepen
},
{
title: 'Underlined SearchBox',
code: SearchBoxUnderlinedExampleCode,
view: React.createElement(SearchBox_Underlined_Example_1.SearchBoxUnderlinedExample, null)
},
{
title: 'Disabled SearchBoxes',
code: SearchBoxDisabledExampleCode,
view: React.createElement(SearchBox_Disabled_Example_1.SearchBoxDisabledExample, null)
},
{
title: 'SearchBox with custom icon',
code: SearchBoxCustomIconExampleCode,
view: React.createElement(SearchBox_CustomIcon_Example_1.SearchBoxCustomIconExample, null)
},
{
title: 'SearchBox with fixed width and custom event handling',
code: SearchBoxSmallExampleCode,
view: React.createElement(SearchBox_Small_Example_1.SearchBoxSmallExample, null)
}
],
propertiesTablesSources: [
require('!raw-loader!office-ui-fabric-react/src/components/SearchBox/SearchBox.types.ts')
],
overview: require('!raw-loader!office-ui-fabric-react/src/components/SearchBox/docs/SearchBoxOverview.md'),
bestPractices: require('!raw-loader!office-ui-fabric-react/src/components/SearchBox/docs/SearchBoxBestPractices.md'),
dos: require('!raw-loader!office-ui-fabric-react/src/components/SearchBox/docs/SearchBoxDos.md'),
donts: require('!raw-loader!office-ui-fabric-react/src/components/SearchBox/docs/SearchBoxDonts.md'),
isHeaderVisible: true,
isFeedbackVisible: true
};
});
//# sourceMappingURL=SearchBox.doc.js.map