import { useState } from 'react'
import Br from '../../Br'
import PasswordInput from '../PasswordInput'
import TextInput from '../TextInput'
import { Sandbox } from '@startupjs/docs'

# PasswordInput

PasswordInput предоставляет текстовое поле для ввода пароля c кнопкой скрытия вводимого текста.
PasswordInput наследует свойства компонента [TextInput](/docs/forms/TextInput).

```jsx
import { PasswordInput } from from '@startupjs/ui'
```

## Простой пример

```jsx example
const [password, setPassword] = useState()

return (
  <PasswordInput
    value={password}
    onChangeText={setPassword}
  />
)
```

## Disabled

```jsx example
return (
  <PasswordInput
    disabled
    value='Disabled'
  />
)
```

## Sandbox

<Sandbox Component={PasswordInput} block />