Dashboard sipadu mbip
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

ButtonGroup.js 1.2KB

12345678910111213141516171819202122232425262728293031
  1. import _extends from "@babel/runtime/helpers/esm/extends";
  2. import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
  3. import classNames from 'classnames';
  4. import React from 'react';
  5. import { useBootstrapPrefix } from './ThemeProvider';
  6. var defaultProps = {
  7. vertical: false,
  8. toggle: false,
  9. role: 'group'
  10. };
  11. var ButtonGroup = React.forwardRef(function (props, ref) {
  12. var bsPrefix = props.bsPrefix,
  13. size = props.size,
  14. toggle = props.toggle,
  15. vertical = props.vertical,
  16. className = props.className,
  17. _props$as = props.as,
  18. Component = _props$as === void 0 ? 'div' : _props$as,
  19. rest = _objectWithoutPropertiesLoose(props, ["bsPrefix", "size", "toggle", "vertical", "className", "as"]);
  20. var prefix = useBootstrapPrefix(bsPrefix, 'btn-group');
  21. var baseClass = prefix;
  22. if (vertical) baseClass = prefix + "-vertical";
  23. return React.createElement(Component, _extends({}, rest, {
  24. ref: ref,
  25. className: classNames(className, baseClass, size && prefix + "-" + size, toggle && prefix + "-toggle")
  26. }));
  27. });
  28. ButtonGroup.displayName = 'ButtonGroup';
  29. ButtonGroup.defaultProps = defaultProps;
  30. export default ButtonGroup;