React Components

The React snippet collection contains function components and reusable hooks for React 16.

  • Learn of all the different ways to set the value of a selected input in React with this quick guide.

  • Select

    React, Components

    Renders an uncontrolled <select> element that uses a callback function to pass its value to the parent component.

  • Learn the differences between PropTypes.objectOf() and PropTypes.shape() and where to use each one with this quick guide.

  • Toggle

    React, Components

    Renders a toggle component.

  • LimitedTextarea

    React, Components

    Renders a textarea component with a character limit.

  • Loader

    React, Components

    Renders a spinning loader component.

  • Tooltip

    React, Components

    Renders a tooltip component.

  • AutoLink

    React, Components

    Renders a string as plaintext, with URLs converted to appropriate link elements.

  • Collapse

    React, Components

    Renders a component with collapsible content.

  • DataList

    React, Components

    Renders a list of elements from an array of primitives.

  • ControlledInput

    React, Components

    Renders a controlled <input> element that uses a callback function to inform its parent about value updates.

  • UncontrolledInput

    React, Components

    Renders an uncontrolled <input> element that uses a callback function to inform its parent about value updates.

  • Slider

    React, Components

    Renders an uncontrolled range input element that uses a callback function to pass its value to the parent component.

  • DataTable

    React, Components

    Renders a table with rows dynamically created from an array of primitives.

  • PasswordRevealer

    React, Components

    Renders a password input field with a reveal button.