Fields Password

Installation

  yarn add @chewy/kib-fields-styles

Import

  @use '~@chewy/kib-fields-styles/src/kib-input-password/styles' as kib-input-password;

Mixins

toggle-button

@mixin toggle-button() { ... }@mixin toggle-button() { 
  @include kib-button-new.generate-styles('utility', 'secondary', 'medium', true);

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: auto;

  &:disabled {
    opacity: 0.5;
    pointer-events: none;
  }
 }
Description

Password text visibility toggle button

Parameters

None.