React Components

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

  • Tag input field

    React, Components

    Renders a tag input field.

  • Renders a checkbox list that uses a callback function to pass its selected value/values to the parent component.

  • Textarea with word limit

    React, Components

    Renders a textarea component with a word limit.

  • Modal dialog

    React, Components

    Renders a Modal component, controllable through events.

  • Tabs

    React, Components

    Renders a tabbed menu and view component.

  • Renders a tree view of a JSON object or array with collapsible content.

  • Collapsible accordion

    React, Components

    Renders an accordion menu with multiple collapsible content elements.

  • Closable alert

    React, Components

    Renders an alert component with type prop.

  • File drag and drop area

    React, Components

    Renders a file drag and drop component for a single file.

  • Button with ripple effect

    React, Components

    Renders a button that animates a ripple effect when clicked.

  • Countdown timer

    React, Components

    Renders a countdown timer that prints a message when it reaches zero.

  • Star rating

    React, Components

    Renders a star rating component.

  • Object table view

    React, Components

    Renders a table with rows dynamically created from an array of objects and a list of property names.

  • Lazy-loading image

    React, Components

    Renders an image that supports lazy loading.

  • Carousel

    React, Components

    Renders a carousel component.