Kubit

components

Input Password

v.1.0.0 | Saturn

Usage

The name of the object of tokens to style the inputPassword component is INPUT_PASSWORD_STYLES.

You can not change the name of the object of tokens.

inputPassword component has one way to modify the styles:

The structure of the INPUT_PASSWORD_STYLES object is:

Variants can modify the styles for each state of the inputPassword. The states are: InputState;

For each inner state the next tokens can be used:

1234567

const INPUT_PASSWORD_STYLES = {
  [VARIANT]: {
    [STATE]: InputBasicStateProps & {
      inputVariant?: string;
    }
  }
}

inputPassword theme object example:

1234567

const INPUT_PASSWORD_STYLES = {
  [VARIANT]: {
    [STATE]: {
      inputVariant: 'DEFAULT',
    }
  }
}