https://github.com/kazemmdev/floating-tailwind-field

Use tailwindcss to add floating label for input fields
https://github.com/kazemmdev/floating-tailwind-field

float-label float-label-pattern react tailwind-component tailwindcss tailwindcss-plugin

Last synced: about 2 months ago
JSON representation

Use tailwindcss to add floating label for input fields

• Host: GitHub
• URL: https://github.com/kazemmdev/floating-tailwind-field
• Owner: kazemmdev
• License: mit
• Created: 2022-03-13T03:46:08.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2022-03-13T14:24:05.000Z (almost 3 years ago)
• Last Synced: 2023-07-26T23:39:13.596Z (over 1 year ago)
• Topics: float-label, float-label-pattern, react, tailwind-component, tailwindcss, tailwindcss-plugin
• Language: JavaScript
• Homepage: https://k90mirzaei.github.io/floating-tailwind-field/
• Size: 517 KB
• Stars: 8
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: .github/CONTRIBUTING.md
  • License: LICENSE.md
  • Security: .github/SECURITY.md

Awesome Lists containing this project

README

        


# Floating label Field with Tailwindcss

This is a react component input with floating lable style

## Usage

```

import { useState } from "react";

import Input from "./component/input";

const App = () => {

  const [email, setEmail] = useState("");

  return (

        

             setEmail(v.target.value)}

            />

        

  )

}

```

## Contributing

Please see [CONTRIBUTING](.github/CONTRIBUTING.md) for details.

## Security Vulnerabilities

Please review [our security policy](../../security/policy) on how to report security vulnerabilities.

## Credits

-   [k90mirzaei](https://github.com/k90mirzaei)

-   [All Contributors](../../contributors)

## License

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.

## Support

This project needs a ⭐️ from you. Don't forget to leave a star ⭐️