ion-input-password-toggle

shadow

InputPasswordToggle 组件是 输入 的配套组件。它允许用户切换密码输入中文本的可见性。

¥The InputPasswordToggle component is a companion component to Input. It allows users to toggle the visibility of text in a password input.

基本用法

¥Basic Usage

信息

InputPasswordToggle 必须与 type 属性设置为 'text' 或 'password' 的 输入 一起使用。

¥InputPasswordToggle must be used with an Input that has its type property set to either 'text' or 'password'.

使用任何其他 type 将导致记录警告。

¥Using any other type will cause a warning to be logged.

属性

¥Properties

color

Description	The color to use from your application's color palette. Default options are: "primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", and "dark". For more information on colors, see theming.
Attribute	color
Type	"danger" ｜ "dark" ｜ "light" ｜ "medium" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "tertiary" ｜ "warning" ｜ string ｜ undefined
Default	undefined

hideIcon

Description	The icon that can be used to represent hiding a password. If not set, the "eyeOff" Ionicon will be used.
Attribute	hide-icon
Type	string ｜ undefined
Default	undefined

mode

Description	The mode determines which platform styles to use.
Attribute	mode
Type	"ios" ｜ "md"
Default	undefined

showIcon

Description	The icon that can be used to represent showing a password. If not set, the "eye" Ionicon will be used.
Attribute	show-icon
Type	string ｜ undefined
Default	undefined

事件

¥Events

No events available for this component.

方法

¥Methods

No public methods available for this component.

CSS 阴影部分

¥CSS Shadow Parts

No CSS shadow parts available for this component.

CSS 自定义属性

¥CSS Custom Properties

No CSS custom properties available for this component.

插槽

¥Slots

No slots available for this component.