@sitecore/sc-contenthub-blok
Version:
A UI library for [Sitecore Content Hub](https://doc.sitecore.com/ch/).
29 lines • 2.33 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.Overrides = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const css_1 = require("@emotion/css");
const CoreComponents_1 = require("../../Components/CoreComponents");
const classes = {
wrapper: (0, css_1.css)({
marginBottom: 24,
width: 800,
maxWidth: "100%",
}),
};
// Create a simple wrapper component to use as the story component
const StyleOverridesDemo = () => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: classes.wrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { variant: "h2", children: "Slider" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(CoreComponents_1.Slider, { size: "small", defaultValue: 70, "aria-label": "Small", valueLabelDisplay: "auto" }) }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(CoreComponents_1.Slider, { defaultValue: 50, "aria-label": "Default", valueLabelDisplay: "auto" }) }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { variant: "h2", children: "Text fields" }), (0, jsx_runtime_1.jsx)("div", { className: classes.wrapper, children: (0, jsx_runtime_1.jsx)(CoreComponents_1.TextField, { id: "filled-textarea", placeholder: "Placeholder", variant: "filled", fullWidth: true }) }), (0, jsx_runtime_1.jsx)("div", { className: classes.wrapper, children: (0, jsx_runtime_1.jsx)(CoreComponents_1.TextField, { id: "filled-textarea", placeholder: "Placeholder", multiline: true, variant: "filled", fullWidth: true }) }), (0, jsx_runtime_1.jsxs)("div", { className: classes.wrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { variant: "h2", children: "Progress" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(CoreComponents_1.LinearProgress, { variant: "determinate", value: 60 }) })] })] }) }));
const meta = {
title: "Components/MUI/StyleOverrides",
component: StyleOverridesDemo,
tags: ["autodocs"],
};
exports.default = meta;
exports.Overrides = {
parameters: {
viewMode: "story",
controls: { disable: true, expanded: false },
options: { showPanel: false },
},
};
//# sourceMappingURL=StyleOverrides.stories.js.map