@1771technologies/lytenyte-pro
Version:
Blazingly fast headless React data grid with 100s of features.
8 lines (7 loc) • 2.26 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import "../../css/light-dark.css";
import "@1771technologies/lytenyte-design/shadcn-vars.css";
import "../../css/components.css";
export default function Buttons() {
return (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, className: "ln-light", children: [_jsxs("div", { style: { display: "flex", gap: "8px", alignItems: "center" }, children: [_jsx("button", { "data-ln-size": "sm", "data-ln-button": "primary", children: "Button" }), _jsx("button", { "data-ln-size": "md", "data-ln-button": "primary", children: "Button" }), _jsx("button", { "data-ln-size": "lg", "data-ln-button": "primary", children: "Button" }), _jsx("button", { "data-ln-size": "mx", "data-ln-button": "primary", children: "Button" })] }), _jsxs("div", { style: { display: "flex", gap: "8px", alignItems: "center" }, children: [_jsx("button", { "data-ln-size": "sm", "data-ln-button": "primary", disabled: true, children: "Button" }), _jsx("button", { "data-ln-size": "md", "data-ln-button": "primary", disabled: true, children: "Button" }), _jsx("button", { "data-ln-size": "lg", "data-ln-button": "primary", disabled: true, children: "Button" }), _jsx("button", { "data-ln-size": "mx", "data-ln-button": "primary", disabled: true, children: "Button" })] }), _jsxs("div", { style: { display: "flex", gap: "8px", alignItems: "center" }, children: [_jsx("button", { "data-ln-size": "sm", "data-ln-button": "secondary", children: "Button" }), _jsx("button", { "data-ln-size": "md", "data-ln-button": "secondary", children: "Button" }), _jsx("button", { "data-ln-size": "lg", "data-ln-button": "secondary", children: "Button" }), _jsx("button", { "data-ln-size": "mx", "data-ln-button": "secondary", children: "Button" })] }), _jsxs("div", { style: { display: "flex", gap: "8px", alignItems: "center" }, children: [_jsx("button", { "data-ln-size": "sm", "data-ln-button": "tertiary", children: "Button" }), _jsx("button", { "data-ln-size": "md", "data-ln-button": "tertiary", children: "Button" }), _jsx("button", { "data-ln-size": "lg", "data-ln-button": "tertiary", children: "Button" }), _jsx("button", { "data-ln-size": "mx", "data-ln-button": "tertiary", children: "Button" })] })] }));
}