Floating label

🏁 Finished. 🏁

(for now)

React native input text with a floating label that slides up when focused, stays up when filled, and slide back down when empty without a focus.

Goal • Requirements • Running project • Technologies • Author

🎯 Goal

Floating label input is a fully customizable component that has a label that can slide up so the user can type in. It can be adapted to work inside forms and however you want.
Enjoy!

👨🏻‍🔬 Requirements

Before we begin, you'll need to have the following dependencies installed: Git and Yarn. Besides, it would be great that you have a code editor to work on this project, such as VSCode.

🏃‍♀️ Runing project 🏃‍♂️

#### Start sever ####

# Clone the repo
$ git clone <https://github.com/thalessarubbi/floating-label-input.git>

# Access project folder from a terminal
$ cd floating-label-input

# Install dependencies
$ yarn

# run mobile app on real device(you'll need to have an Expo client app installed in your device - <https://expo.io/tools#client>)
$ yarn start

# Your browser will open with an available QrCode.
# Scan the QrCode and the Expo client app will open with your project running

# run mobile app on iOS emulator(you'll need to be on a MacOS)
$ yarn start ios

# run mobile app on android emulator
$ yarn start android

# The mobile app will start in an emulator

🛠 Technologies

• React Native
• TypeScript
• Styled components
• Expo
• VS Code

✍️ Author

---

_{Thales Sarubbi}

Made with 💙 by Thales Sarubbi 🗣 Let's talk!