office-ui-fabric-react/lib/components/Button/examples/Button.Icon.Example.js

Reusable React components for building experiences for Office 365.

import * as React from 'react';
import { IconButton, Stack } from 'office-ui-fabric-react';
var emojiIcon = { iconName: 'Emoji2' };
var menuProps = {
    items: [
        {
            key: 'emailMessage',
            text: 'Email message',
            iconProps: { iconName: 'Mail' }
        },
        {
            key: 'calendarEvent',
            text: 'Calendar event',
            iconProps: { iconName: 'Calendar' }
        }
    ],
    directionalHintFixed: true
};
export var ButtonIconExample = function (props) {
    var disabled = props.disabled, checked = props.checked;
    return (React.createElement("div", null,
        React.createElement(Stack, { tokens: { childrenGap: 8 }, horizontal: true },
            React.createElement(IconButton, { iconProps: emojiIcon, title: "Emoji", ariaLabel: "Emoji", disabled: disabled, checked: checked }),
            React.createElement(IconButton, { menuProps: menuProps, iconProps: emojiIcon, title: "Emoji", ariaLabel: "Emoji", disabled: disabled, checked: checked })),
        React.createElement("p", null,
            "For a list of Icons, visit our ",
            React.createElement("a", { href: "https://developer.microsoft.com/en-us/fabric#/styles/icons" }, "Icon documentation"),
            ".")));
};
//# sourceMappingURL=Button.Icon.Example.js.map