office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
39 lines • 3.94 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = require("react");
var Persona_1 = require("office-ui-fabric-react/lib/Persona");
var Stack_1 = require("office-ui-fabric-react/lib/Stack");
var sharedPersonaProps = {
size: Persona_1.PersonaSize.size100,
styles: {
root: {
width: 300,
margin: 5
}
}
};
exports.PersonaColorsExample = function () {
return (React.createElement(Stack_1.Stack, { horizontal: true, wrap: true },
React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.green }, sharedPersonaProps, { text: "green10" })),
React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.darkGreen }, sharedPersonaProps, { text: "darkGreen20" })),
React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.teal }, sharedPersonaProps, { text: "teal10" })),
React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.cyan }, sharedPersonaProps, { text: "cyan30" })),
React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.lightBlue }, sharedPersonaProps, { text: "lightBlue30" })),
React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.blue }, sharedPersonaProps, { text: "blue20" })),
React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.darkBlue }, sharedPersonaProps, { text: "darkBlue10" })),
React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.violet }, sharedPersonaProps, { text: "violet10" })),
React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.purple }, sharedPersonaProps, { text: "purple10" })),
React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.magenta }, sharedPersonaProps, { text: "magenta10" })),
React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.lightPink }, sharedPersonaProps, { text: "lightPink10" })),
React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.pink }, sharedPersonaProps, { text: "pink10" })),
React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.burgundy }, sharedPersonaProps, { text: "pinkRed10" })),
React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.lightRed }, sharedPersonaProps, { text: "red10" })),
React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.darkRed }, sharedPersonaProps, { text: "darkRed20" })),
React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.orange }, sharedPersonaProps, { text: "orange10" })),
React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.rust }, sharedPersonaProps, { text: "orange30" })),
React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.gold }, sharedPersonaProps, { text: "orangeYellow20" })),
React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.warmGray }, sharedPersonaProps, { text: "gray30" })),
React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.coolGray }, sharedPersonaProps, { text: "gray20" }))));
};
//# sourceMappingURL=Persona.Colors.Example.js.map