@sitecore/sc-contenthub-blok
Version:
A UI library for [Sitecore Content Hub](https://doc.sitecore.com/ch/).
39 lines • 2.06 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.PlayGround = exports.BreadCrumbs = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const css_1 = require("@emotion/css");
const BlokBreadcrumb_1 = require("./BlokBreadcrumb");
const BlokBreadcrumbItem_1 = require("./BlokBreadcrumbItem");
const classes = {
flexWrapper: (0, css_1.css)({
display: "flex",
gap: 8,
marginBottom: 24,
}),
};
const meta = {
title: "Components/Navigation/BlokBreadcrumb",
component: BlokBreadcrumb_1.BlokBreadcrumb,
tags: ["autodocs"],
argTypes: {},
args: {},
};
exports.default = meta;
exports.BreadCrumbs = {
parameters: {
viewMode: "story",
controls: { disable: true, expanded: false },
options: { showPanel: false },
},
render: () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: classes.flexWrapper, children: (0, jsx_runtime_1.jsxs)(BlokBreadcrumb_1.BlokBreadcrumb, { children: [(0, jsx_runtime_1.jsx)(BlokBreadcrumbItem_1.BlokBreadcrumbItem, { href: "#", children: "One" }), (0, jsx_runtime_1.jsx)(BlokBreadcrumbItem_1.BlokBreadcrumbItem, { href: "#", children: "Two" }), (0, jsx_runtime_1.jsx)(BlokBreadcrumbItem_1.BlokBreadcrumbItem, { href: "#", isCurrentItem: true, children: "Three" })] }) }), (0, jsx_runtime_1.jsx)("div", { className: classes.flexWrapper, children: (0, jsx_runtime_1.jsxs)(BlokBreadcrumb_1.BlokBreadcrumb, { children: [(0, jsx_runtime_1.jsx)(BlokBreadcrumbItem_1.BlokBreadcrumbItem, { href: "#", separator: ">", children: "One" }), (0, jsx_runtime_1.jsx)(BlokBreadcrumbItem_1.BlokBreadcrumbItem, { href: "#", separator: ">", children: "Two" }), (0, jsx_runtime_1.jsx)(BlokBreadcrumbItem_1.BlokBreadcrumbItem, { separator: ">", isCurrentItem: true, children: "Three" })] }) })] })),
};
exports.PlayGround = {
parameters: {
viewMode: "docs",
},
args: {
children: "Some link",
},
};
//# sourceMappingURL=BlokBreadcumb.stories.js.map