Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jayeshsojitra103/social-content
https://github.com/jayeshsojitra103/social-content
autocomplete hastags react tailwindcss typescript url
Last synced: 6 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/jayeshsojitra103/social-content
- Owner: jayeshsojitra103
- Created: 2024-12-23T17:49:31.000Z (11 days ago)
- Default Branch: master
- Last Pushed: 2024-12-23T18:04:09.000Z (11 days ago)
- Last Synced: 2024-12-23T19:22:30.406Z (11 days ago)
- Topics: autocomplete, hastags, react, tailwindcss, typescript, url
- Language: TypeScript
- Homepage: https://compose-component.vercel.app/
- Size: 42 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React + TypeScript + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
## Compose Component with Auto-Complete, Hashtags, Mentions, and URL Highlighting
```
This project implements a compose component that supports auto-complete for mentions, highlights for URLs and hashtags, and allows users to write a message with the required functionalities.
```
## Features
- Auto-complete for Mentions: The component provides suggestions for mentions (e.g., @fr) and highlights the selected mention in a different color after it is chosen.
- Highlighting URLs and Hashtags: URLs and hashtags (e.g., google.com and #blessed) are automatically highlighted in the same color.
- Character Counter: The component also includes a character counter that limits the text input to 200 characters.
## Installation
````
git clone https://github.com/jayeshsojitra103/social-content.git
cd social-content
npm install
````
## Usage
Run the application locally:
```
npm run dev
```