@mikezimm/fps-library-v2
Version:
Library of reusable typescript/javascript functions, interfaces and constants
27 lines • 1.89 kB
JavaScript
import * as React from 'react';
// import { Icon, } from '@fluentui/react/lib/Icon';
import { PivotItem, } from '@fluentui/react/lib/Pivot';
export const PinMeHelp = React.createElement(PivotItem, { headerText: 'Pin Me' },
React.createElement("div", { className: 'fps-pph-content' },
React.createElement("div", { className: 'fps-pph-topic' }, "Default Location"),
React.createElement("div", null,
React.createElement("li", null,
React.createElement("b", null, "normal - "),
"Web part loads on page where you put it"),
React.createElement("li", null,
React.createElement("b", null, "Pin Expanded - "),
"Web part loads Pinned in upper right corner fully expanded"),
React.createElement("li", null,
React.createElement("b", null, "Pin Collapsed - "),
"Web part loads Pinned in upper right corner collapsed")),
React.createElement("div", { className: 'fps-pph-topic' }, "Force Pin State"),
React.createElement("div", null,
React.createElement("li", null,
React.createElement("b", null, "Let user change - "),
"End user can move the web part from Pinned to Normal location at any time"),
React.createElement("li", null,
React.createElement("b", null, "Enforce no Toggle - "),
"End user can not toggle the position of the web part.",
React.createElement("p", null, "With Enforcing pin, the end user will always be able to expand or collapse the web part."),
React.createElement("p", null, "Be sure to test experience by loading the page with the browser shrunk to size of a phone. Consider end user experience trying to navigate your page.")))));
//# sourceMappingURL=PinMe.js.map