checkbox-2

• Vista previa

  Administrador

• Código

  const Checkbox2 = () => {
    return (
      <label className="relative w-6 h-6 cursor-pointer">
        <input type="checkbox" className="hidden peer" />
        <span className="absolute left-10">Administrador</span>
        <div className="absolute top-0 left-0 w-full h-full bg-background-secondary rounded-lg peer-checked:bg-green-600 transition-colors" />
        <div className="absolute -left-1 -top-1 -z-10 w-8 h-8 bg-transparent border-2 border-transparent peer-checked:border-green-600 rounded-xl transition-colors" />
      </label>
    );
  };
  
  export default Checkbox2;