@sitecore/sc-contenthub-blok
Version:
A UI library for [Sitecore Content Hub](https://doc.sitecore.com/ch/).
38 lines • 2.81 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.PlayGround = exports.Links = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const css_1 = require("@emotion/css");
const BlokLink_1 = require("./BlokLink");
const classes = {
flexWrapper: (0, css_1.css)({
display: "flex",
gap: 8,
marginBottom: 24,
}),
};
const meta = {
title: "Components/Navigation/BlokLink",
component: BlokLink_1.BlokLink,
tags: ["autodocs"],
argTypes: {},
args: {},
};
exports.default = meta;
exports.Links = {
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.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(BlokLink_1.BlokLink, { href: "www.google.com", children: "Underline on hover" }), (0, jsx_runtime_1.jsx)(BlokLink_1.BlokLink, { href: "www.google.com", underline: "always", children: "Underline always" }), (0, jsx_runtime_1.jsx)(BlokLink_1.BlokLink, { href: "www.google.com", underline: "never", children: "Underline never" })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(BlokLink_1.BlokLink, { href: "www.google.com", colorScheme: "neutral", children: "Neutral link" }), (0, jsx_runtime_1.jsx)(BlokLink_1.BlokLink, { href: "www.google.com", colorScheme: "red", children: "Red link" }), (0, jsx_runtime_1.jsx)(BlokLink_1.BlokLink, { href: "www.google.com", colorScheme: "orange", children: "Orange link" }), (0, jsx_runtime_1.jsx)(BlokLink_1.BlokLink, { href: "www.google.com", colorScheme: "yellow", children: "Yellow link" }), (0, jsx_runtime_1.jsx)(BlokLink_1.BlokLink, { href: "www.google.com", colorScheme: "green", children: "Green link" }), (0, jsx_runtime_1.jsx)(BlokLink_1.BlokLink, { href: "www.google.com", colorScheme: "teal", children: "Teal link" }), (0, jsx_runtime_1.jsx)(BlokLink_1.BlokLink, { href: "www.google.com", colorScheme: "blue", children: "Blue link" }), (0, jsx_runtime_1.jsx)(BlokLink_1.BlokLink, { href: "www.google.com", colorScheme: "cyan", children: "Cyan link" }), (0, jsx_runtime_1.jsx)(BlokLink_1.BlokLink, { href: "www.google.com", colorScheme: "purple", children: "Purple link" }), (0, jsx_runtime_1.jsx)(BlokLink_1.BlokLink, { href: "www.google.com", colorScheme: "pink", children: "Pink link" }), (0, jsx_runtime_1.jsx)(BlokLink_1.BlokLink, { href: "www.google.com", colorScheme: "primary", children: "Primary link" })] })] })),
};
exports.PlayGround = {
parameters: {
viewMode: "docs",
},
args: {
children: "Some link",
},
};
//# sourceMappingURL=BlokLink.stories.js.map