UIKit
7.34.0
• PasswordInputコンポーネント
UIKit
7.34.0
AccordionActionTooltipActionsPanelAlertArrowToggleAvatarBreadcrumbsButtonCardCheckboxClipboardButtonDefinitionListDialogDisclosureDividerDrawerDropdownMenuFilePreviewHelpMarkHotkeyIconLabelLinkListLoaderMenuModalNumberInputOverlayPaginationPalettePasswordInputPinInputPlaceholderContainerPopoverPopupPortalProgressRadioRadioGroupSegmentedRadioGroupSelectSheetSkeletonSliderSpinStepperSwitchTableTabsTextTextAreaTextInputToasterTocTooltipUserUserLabel
Date Components
3.4.2
Navigation
4.0.12
PasswordInput
view
size
placeholder
label
note
validationState
errorMessage
errorPlacement
disabled
hasClear
import {PasswordInput} from '@gravity-ui/uikit';
TextInput for typing passwords and other sensitive information. It can be rendered with copy and reveal buttons for more convinient usage.
§Copy button
This button allows users to easily copy the input value to their clipboard. You can hide this button with hideCopyButton boolean prop.
<PasswordInput hideCopyButton={true} />§Reveal button
The hideRevealButton prop allows users to toggle the visibility of the password.
<PasswordInput hideRevealButton={true} />§Properties
TextInput properties, with some exceptions and additions:
typeis omitted;
| Name | Description | Type | Default |
|---|---|---|---|
| hideCopyButton | Show copy button | boolean | false |
| hideRevealButton | Show reveal button | boolean | false |
| showCopyTooltip | Determines whether to display the tooltip for the copy button | boolean | false |
| showRevealTooltip | Determines whether to display the tooltip for the reveal button | boolean | false |
| revealValue | Determines the visibility state of the password input field | boolean | false |
| onRevealValueUpdate | A callback function that is invoked whenever the revealValue state changes | function |