@baseplate-dev/ui-components
Version:
Shared UI component library
10 lines • 601 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { cn } from '#src/utils/cn.js';
/**
* Displays a list of buttons aligned next to one another.
* Styles all direct Button children with appropriate group styling.
*/
export function ButtonGroup({ className, children, ...props }) {
return (_jsx("div", { className: cn('inline-flex rounded-md shadow-sm', '[&>*:not(:first-child)]:rounded-l-none', '[&>*:not(:last-child)]:rounded-r-none', '[&>*:not(:last-child)]:border-r-0', '[&>*]:focus-visible:z-10', className), ...props, children: children }));
}
//# sourceMappingURL=button-group.js.map