Skip to content
Snippets Groups Projects
Select Git revision
  • 0705ba71b7610070940448fa11d7d645a137f457
  • main default protected
  • cf2025
  • cf2024
  • cf2023-euro
  • cf2023-offline
6 results

Dropdown.jsx

Blame
  • user avatar
    xaralis authored
    7cb67a1f
    History
    Dropdown.jsx 681 B
    import React from "react";
    import classNames from "classnames";
    
    const Dropdown = ({ value, options, onChange, className }) => {
      const onSelectChanged = (evt) => {
        onChange(evt.target.value);
      };
    
      return (
        <span
          className={classNames(
            "chip chip--grey-125 chip--select chip--hoveractive",
            className
          )}
        >
          <select onChange={onSelectChanged} value={value}>
            {options.map((opt) => (
              <option key={opt.value} value={opt.value}>
                {opt.title}
              </option>
            ))}
          </select>
          <span className="chip__icon ico--chevron-down"></span>
        </span>
      );
    };
    
    export default React.memo(Dropdown);