import Props from '@ionic-internal/component-api/v8/input-password-toggle/props.md'; import Events from '@ionic-internal/component-api/v8/input-password-toggle/events.md'; import Methods from '@ionic-internal/component-api/v8/input-password-toggle/methods.md'; import Parts from '@ionic-internal/component-api/v8/input-password-toggle/parts.md'; import CustomProps from '@ionic-internal/component-api/v8/input-password-toggle/custom-props.mdx'; import Slots from '@ionic-internal/component-api/v8/input-password-toggle/slots.md';

import EncapsulationPill from '@components/page/api/EncapsulationPill';

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

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

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

import Basic from '@site/static/usage/v8/input-password-toggle/basic/index.md';