UikInput

Simply styled checkbox

PropertyTypeRequiredDefault ValueDescription
classNameStringfalsenullclassName, e.g. "my-custom-styling"
wrapperPropsObjectfalse{}Wrapper properties
labelReact.NodefalsenullReact node, same as children
iconReact.NodefalsenullReact node, same as children
errorMessageReact.NodefalsenullReact node, same as children
clearBooleanfalseBorderless
iconPositionStringfalseleftPosition of the icon if there is any, one of "left", "right"
...restanyfalseOther properties passed down to the input element. See the code for more information.

UikInput Examples

ComponentExample Code
Your Name
<UikInput
  label="Your Name"
  placeholder="e.g. John Wick"
/>
Your Name

That's not your name!

<UikInput
  defaultValue="John Wick"
  errorMessage="That's not your name!"
  label="Your Name"
/>
Search for a project
search_left
<UikInput
  icon={ (
    <Uikon>
      search_left
    </Uikon>
  ) }
  iconPosition="right"
  label="Search for a project"
  placeholder="e.g. Homes for dogs"
/>
search_left
<UikInput
  clear
  icon={ (
    <Uikon>
      search_left
    </Uikon>
  ) }
  placeholder="Search for somebody"
/>