Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/udaypydi/tail-ui
A react component library built on tailwind css
https://github.com/udaypydi/tail-ui
css github-actions githubaction-workflow hacktoberfest react react-ui-components scss travis-ci
Last synced: about 2 months ago
JSON representation
A react component library built on tailwind css
- Host: GitHub
- URL: https://github.com/udaypydi/tail-ui
- Owner: udaypydi
- License: mit
- Created: 2020-04-24T14:21:12.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2022-12-12T14:09:39.000Z (about 2 years ago)
- Last Synced: 2023-03-07T16:49:14.561Z (almost 2 years ago)
- Topics: css, github-actions, githubaction-workflow, hacktoberfest, react, react-ui-components, scss, travis-ci
- Language: JavaScript
- Homepage: http://react-tailui.surge.sh/
- Size: 4.02 MB
- Stars: 3
- Watchers: 1
- Forks: 3
- Open Issues: 17
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
A lite weight react component library built with love for React Hooks, Tailwind Css and React Developers. Its easy to get started, simple and consists of tiny components. Its a work in progress. Contributions are most welcome.
A React UI library built using tailwind css
Installtion
Install tailwind-ui-react locally:
// using npm
npm i --save tailwind-ui-react
or
// using yarn
yarn add tailwind-ui-react
Components
- Button
- Container
- Header
- Image
- Input
- Select
- Message
Usage
Button
import { Button } from 'tail-ui';
function App(props) {
return (
)
}
Input
import { Input } from 'tail-ui';
function App(props) {
return (
)
}
Container
import { Container } from 'tail-ui';
function App(props) {
return (
)
}
Header
import { Header } from 'tail-ui';
function App(props) {
return (
)
}
Image
import { Image } from 'tail-ui';
function App(props) {
return (
)
}
Select
import { Select } from 'tail-ui';
function App(props) {
return (
)
}
Message
import { Message } from 'tail-ui';
function App(props) {
return (
)
}