@vectara/vectara-ui
Version:
Vectara's design system, codified as a React and Sass component library
10 lines (9 loc) • 673 B
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import classNames from "classnames";
export const VuiTabs = ({ children, className, append, size = "s", fullWidth, tabStyle = "open", vertical }) => {
const classes = classNames(className, "vuiTabs", `vuiTabs--${size}`, `vuiTabs--${tabStyle}`, {
"vuiTabs--fullWidth": fullWidth,
"vuiTabs--vertical": vertical
});
return (_jsxs("div", Object.assign({ className: classes }, { children: [_jsx("div", Object.assign({ className: "vuiTabs__tabs" }, { children: children })), append && _jsx("div", Object.assign({ className: "vuiTabs__appendedContent" }, { children: append }))] })));
};