checkbox-1

• Vista previa

• Código

  const Checkbox1 = () => {
    return (
      <label className="relative w-[60px] h-[34px] cursor-pointer">
        <input type="checkbox" className="hidden peer" />
        <div className="absolute top-0 left-0 w-full h-full bg-background-secondary rounded-[20px] peer-checked:bg-green-600 transition-colors" />
        <div className="absolute top-[4.5px] left-[5px] w-6 h-6 bg-background peer-checked:bg-background rounded-full peer-checked:translate-x-6 transition-transform" />
      </label>
    );
  };
  
  export default Checkbox1;