# react-native-floating-title-text-input

> Custom text input for react-native. When user starts to type,placeholder will move above the text input.

Latest version **1.0.7** (published 2020-06-23) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-native-floating-title-text-input
pnpm add react-native-floating-title-text-input
yarn add react-native-floating-title-text-input
bun add react-native-floating-title-text-input
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.7 |
| Published | 2020-06-23 |
| First published | 2020-06-03 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 6.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Travancore Analytics |
| Maintainers | teamta |
| Keywords | react-native, react-native-textInput, textInput, floating-label-text-input, floating-title-text-input, floating-placeholder |

## Links

- npm: https://www.npmjs.com/package/react-native-floating-title-text-input
- Repository: https://github.com/Travancore-Analytics/react-native-floating-title-text-input
- Homepage: https://github.com/Travancore-Analytics/react-native-floating-title-text-input#readme
- Issues: https://github.com/Travancore-Analytics/react-native-floating-title-text-input/issues
- npm.io page: https://npm.io/package/react-native-floating-title-text-input

## Dependencies (1)

- [prop-types](https://npm.io/package/prop-types.md) ^15.5.10

## Recent versions

- 1.0.7 (latest) — 2020-06-23
- 1.0.6 — 2020-06-23
- 1.0.5 — 2020-06-22
- 1.0.4 — 2020-06-09
- 1.0.3 — 2020-06-08
- 1.0.2 — 2020-06-07
- 1.0.1 — 2020-06-05
- 1.0.0 — 2020-06-03

## README

# react-native-floating-title-text-input
### What is this?
This component will render a custom text field with floating title. When there is no value, the placeholder will be centered. Once there is a value, placeholder will be shown on the top of textInput.

### Installation
```npm install react-native-floating-title-text-input --save```

### Usage example

```javascript
import FloatingTitleTextInput from "react-native-floating-title-text-input"

class SomeComponent extends Component {
  render () {
    return (
      <View>
        <FloatingTitleTextInput
          placeholder={"name of field"}
          onChangeText = {(value)=>console.log(value)}
          onFocus={()=>console.log("textInput in focus")}
          onBlur={(value)=>console.log(value)}
          titleStyle = {marginLeft : 8}
          placeholderTextColor = "#00000"
          style = {{marginVertical : 10 , padding :10}}
          keyboardType="numeric"
          secureTextEntry={false}
        />
      </View>
    );
  }
}
```

---
_Source: https://npm.io/package/react-native-floating-title-text-input · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._