Skip to content
Snippets Groups Projects
Select Git revision
  • c0e7d9df531f319b2fe1d41e9a7c6fa77bb4e51f
  • main default protected
2 results

basic.t

Blame
  • Chip.jsx 476 B
    import React from "react";
    import classNames from "classnames";
    
    const Chip = ({
      className,
      color = "grey-125",
      condensed,
      hoveractive = false,
      children,
      ...props
    }) => {
      const chipClass = classNames(
        "chip",
        {
          "chip--condensed": !!condensed,
          "chip--hoveractive": !!hoveractive,
        },
        `chip--${color}`,
        className
      );
    
      return (
        <span className={chipClass} {...props}>
          {children}
        </span>
      );
    };
    
    export default Chip;