UNPKG

@etsoo/materialui

Version:

TypeScript Material-UI Implementation

35 lines (34 loc) 1.03 kB
"use strict"; var __importDefault = (this && this.__importDefault) || function (mod) { return (mod && mod.__esModule) ? mod : { "default": mod }; }; Object.defineProperty(exports, "__esModule", { value: true }); exports.HBox = HBox; exports.HBoxList = HBoxList; exports.VBox = VBox; const jsx_runtime_1 = require("react/jsx-runtime"); const Stack_1 = __importDefault(require("@mui/material/Stack")); /** * Horizonal box * @param props Props * @returns Component */ function HBox(props) { return (0, jsx_runtime_1.jsx)(Stack_1.default, { direction: "row", width: "100%", ...props }); } /** * Horizonal box with list items * @param props Props * @returns Component */ function HBoxList(props) { return ((0, jsx_runtime_1.jsx)(Stack_1.default, { spacing: 1, gap: 1, direction: "row", flexWrap: "wrap", width: "100%", ...props })); } /** * Vertial box * @param props Props * @returns Component */ function VBox(props) { return (0, jsx_runtime_1.jsx)(Stack_1.default, { direction: "column", ...props }); }