https://github.com/christopherkade/flt-vue
:art: Lightweight flat components for Vue.js
https://github.com/christopherkade/flt-vue
Last synced: 4 months ago
JSON representation
:art: Lightweight flat components for Vue.js
- Host: GitHub
- URL: https://github.com/christopherkade/flt-vue
- Owner: christopherkade
- Created: 2019-02-03T20:16:43.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2019-02-04T15:51:03.000Z (over 7 years ago)
- Last Synced: 2025-07-22T07:54:33.318Z (11 months ago)
- Language: Vue
- Homepage:
- Size: 147 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# vue-flt
:construction: Work in progress :construction:
Lightweight flat components for Vue.js, inspired by Buefy and Vuetify.
All components can be found under `/src/components`.
Current list of components
| Name | Description | Props |
| ------------ | ----------- | ----------------------------------------------------------------------------------------- |
| FltInput | Input field | id: String
backgroundColor: String
color: String
label: String |
| FltTextField | Text field | backgroundColor: String
color: String
label: String
rows: Number
cols: Number |
| FltButton | Button | backgroundColor: String
color: String
disabled: Boolean |
| FltLabel | Label | color: String
for: String |
| FltTag | Tag | backgroundColor: String
color: String |
### How to use components in development
Components may be imported individually like so:
`import { FltInput, FltTextField } from "./components/index.js";`
## Project setup
```
npm install
```
### Compiles and hot-reloads for development
```
npm run serve
```
### Compiles and minifies for production
```
npm run build
```
### Unit tests
```
npm run test:unit
```
### Lints and fixes files
```
npm run lint
```