How to use the react-view.PropTypes.Ref function in react-view

To help you get started, we’ve selected a few react-view examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github uber / baseweb / documentation-site / components / yard / config / checkbox.ts View on Github external
'Determines how to position the label relative to the checkbox.',
      imports: {
        'baseui/checkbox': {
          named: ['LABEL_PLACEMENT'],
        },
      },
    },
    required: {
      value: false,
      type: PropTypes.Boolean,
      description: 'Renders component in required state.',
      hidden: true,
    },
    inputRef: {
      value: undefined,
      type: PropTypes.Ref,
      description: 'A ref to access an input element.',
      hidden: true,
    },
    autoFocus: {
      value: false,
      type: PropTypes.Boolean,
      description: 'If true the component will be focused on the first mount.',
      hidden: true,
    },
    name: {
      value: undefined,
      type: PropTypes.String,
      description: 'Name attribute.',
      hidden: true,
    },
    title: {
github uber / baseweb / documentation-site / components / yard / config / select.ts View on Github external
type: PropTypes.String,
      description: 'Sets the aria-describedby attribute.',
      placeholder: 'string',
      hidden: true,
    },
    id: {
      value: undefined,
      type: PropTypes.String,
      description:
        'Sets the id attribute of the internal input element. Allows for usage with labels.',
      placeholder: 'string',
      hidden: true,
    },
    mountNode: {
      value: undefined,
      type: PropTypes.Ref,
      description: 'Where to mount the popover.',
      hidden: true,
    },
    filterOutSelected: {
      value: true,
      type: PropTypes.Boolean,
      defaultValue: true,
      description:
        'Defines if currently selected options are filtered out in the dropdown options.',
    },
    isLoading: {
      value: undefined,
      type: PropTypes.Boolean,
      description: 'Defines if the select is in a loading (async) state.',
    },
    multi: {
github uber / baseweb / documentation-site / components / yard / knob.tsx View on Github external
}> = ({
  name,
  error,
  type,
  val: globalVal,
  set: globalSet,
  options = {},
  description,
  placeholder,
  enumName,
}) => {
  const [val, set] = useValueDebounce(globalVal, globalSet);
  const [css, theme] = useStyletron();
  switch (type) {
    case PropTypes.Ref:
      return (
        
          <label>{name}</label>
          
            React Ref documentation
          
          
        
      );
github uber / baseweb / documentation-site / components / yard / config / input.ts View on Github external
value: undefined,
    type: PropTypes.String,
    description:
      'A regex that is used to validate the value of the input on form submission.',
    hidden: true,
  },
  id: {
    value: undefined,
    type: PropTypes.String,
    description:
      "Id attribute value to be added to the input element and as a label's for attribute value.",
    hidden: true,
  },
  inputRef: {
    value: undefined,
    type: PropTypes.Ref,
    description: 'A ref to access an input element.',
    hidden: true,
  },
  name: {
    value: undefined,
    type: PropTypes.String,
    description: 'Name attribute.',
    hidden: true,
  },
  min: {
    value: undefined,
    type: PropTypes.String,
    description: 'min value when used as input type=number',
    hidden: true,
  },
  max: {