Dashboard sipadu mbip
Du kannst nicht mehr als 25 Themen auswählen Themen müssen mit entweder einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

InputGroup.js 1.9KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  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 createWithBsPrefix from './utils/createWithBsPrefix';
  6. import { useBootstrapPrefix } from './ThemeProvider';
  7. /**
  8. *
  9. * @property {InputGroupAppend} Append
  10. * @property {InputGroupPrepend} Prepend
  11. * @property {InputGroupText} Text
  12. * @property {InputGroupRadio} Radio
  13. * @property {InputGroupCheckbox} Checkbox
  14. */
  15. var InputGroup = React.forwardRef(function (_ref, ref) {
  16. var bsPrefix = _ref.bsPrefix,
  17. size = _ref.size,
  18. className = _ref.className,
  19. _ref$as = _ref.as,
  20. Component = _ref$as === void 0 ? 'div' : _ref$as,
  21. props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "size", "className", "as"]);
  22. bsPrefix = useBootstrapPrefix(bsPrefix, 'input-group');
  23. return React.createElement(Component, _extends({
  24. ref: ref
  25. }, props, {
  26. className: classNames(className, bsPrefix, size && bsPrefix + "-" + size)
  27. }));
  28. });
  29. var InputGroupAppend = createWithBsPrefix('input-group-append');
  30. var InputGroupPrepend = createWithBsPrefix('input-group-prepend');
  31. var InputGroupText = createWithBsPrefix('input-group-text', {
  32. Component: 'span'
  33. });
  34. var InputGroupCheckbox = function InputGroupCheckbox(props) {
  35. return React.createElement(InputGroupText, null, React.createElement("input", _extends({
  36. type: "checkbox"
  37. }, props)));
  38. };
  39. var InputGroupRadio = function InputGroupRadio(props) {
  40. return React.createElement(InputGroupText, null, React.createElement("input", _extends({
  41. type: "radio"
  42. }, props)));
  43. };
  44. InputGroup.displayName = 'InputGroup';
  45. InputGroup.Text = InputGroupText;
  46. InputGroup.Radio = InputGroupRadio;
  47. InputGroup.Checkbox = InputGroupCheckbox;
  48. InputGroup.Append = InputGroupAppend;
  49. InputGroup.Prepend = InputGroupPrepend;
  50. export default InputGroup;