React Components

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

  • TagInput

    React, Components

    Renders a tag input field.

  • MultiselectCheckbox

    React, Components

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

  • LimitedWordTextarea

    React, Components

    Renders a textarea component with a word limit.

  • Modal

    React, Components

    Renders a Modal component, controllable through events.

  • Tabs

    React, Components

    Renders a tabbed menu and view component.

  • Accordion

    React, Components

    Renders an accordion menu with multiple collapsible content elements.

  • TreeView

    React, Components

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

  • RippleButton

    React, Components

    Renders a button that animates a ripple effect when clicked.

  • Alert

    React, Components

    Renders an alert component with type prop.

  • CountDown

    React, Components

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

  • FileDrop

    React, Components

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

  • StarRating

    React, Components

    Renders a star rating component.

  • MappedTable

    React, Components

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

  • Carousel

    React, Components

    Renders a carousel component.

  • When developing React components, you might often need to conditionally apply a className. Learn how to handle empty classNames correctly using this handy tip.