office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
57 lines • 2.75 kB
JavaScript
import * as React from 'react';
import { LinkBasicExample } from './examples/Link.Basic.Example';
var LinkBasicExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Link/examples/Link.Basic.Example.tsx');
var LinkBasicExampleCodepen = require('!@uifabric/codepen-loader!office-ui-fabric-react/src/components/Link/examples/Link.Basic.Example.tsx');
export var LinkPageProps = {
title: 'Link',
componentName: 'Link',
componentUrl: 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master/packages/office-ui-fabric-react/src/components/Link',
examples: [
{
title: 'Link',
code: LinkBasicExampleCode,
view: React.createElement(LinkBasicExample, null),
codepenJS: LinkBasicExampleCodepen,
styles: function (_a) {
var theme = _a.theme;
// UHF overrides. :( These are here rather than in the example because they're not necessary
// under normal circumstances, and including them in the example makes it more confusing.
return {
root: {
selectors: {
'.ms-Link': {
color: theme.palette.themePrimary,
margin: 0,
padding: 0,
overflow: 'inherit',
textOverflow: 'inherit',
selectors: {
':active, :hover, :active:hover': {
color: theme.palette.themeDarker
},
':focus': {
color: theme.palette.themePrimary
}
}
},
'.ms-Link.is-disabled': {
color: theme.palette.neutralTertiary,
pointerEvents: 'none',
cursor: 'default'
}
}
}
};
}
}
],
overview: require('!raw-loader!office-ui-fabric-react/src/components/Link/docs/LinkOverview.md'),
bestPractices: '',
dos: require('!raw-loader!office-ui-fabric-react/src/components/Link/docs/LinkDos.md'),
donts: require('!raw-loader!office-ui-fabric-react/src/components/Link/docs/LinkDonts.md'),
isHeaderVisible: true,
isFeedbackVisible: true,
allowNativeProps: true,
nativePropsElement: ['a', 'button']
};
//# sourceMappingURL=Link.doc.js.map