Skip to content

Commit

Permalink
Merge branch 'master' of github.com:RonnieSan/remix-ui
Browse files Browse the repository at this point in the history
  • Loading branch information
RonnieSan committed Aug 20, 2020
2 parents 3e95408 + abf583b commit 0036b87
Showing 1 changed file with 2 additions and 63 deletions.
65 changes: 2 additions & 63 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,8 @@
# Remix UI
A set of UI components for VueJS.

Full documentation can be found at: https://ronniesan.github.io/remix-ui/#/

## Installation
1. Install via NPM.
```bash
Expand Down Expand Up @@ -33,66 +35,3 @@ In order to use the styling included with Remix UI, you'll need to create an ali
}
}
```

## Components
Remix UI is basically a collection of components you can use when building out a website. The majority of components are form-related, but there are a handful of layout components. Below is a list of each component in alphabetical order.

### Auto-Complete
The auto-complete component should be used in tandem with another form element like a text input. The auto-complete element should wrap the element where the values will be input.

##### Props
* **type** : STRING - The the data type of the value ['string' or 'object']
* **options** : ARRAY - An array of values to use as auto-complete settings
* **settings** : OBJECT - Custom settings for the auto-complete component
* **settings.min_length** : NUMBER - The minimum number of characters input before getting possible values

##### Usage
In the template...
```html
<r-autocomplete
v-model="autocomplete_value"
:options="autocomplete_options"
>
<r-text
name="autocomplete_text"
v-model="autocomplete_value"
/>
</r-autocomplete>
```

In the script...
```js
{
data() {
return {
autocomplete_options : [
'Red',
'Purple',
'Blue',
'Green',
'Yellow'
]
};
}
}
```

Async options using promises...
```js
{
data() {
return {
autocomplete_options : (value) => {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve(['Foo', 'Bar']);
}, 2000);
});
}
};
}
}
```

### Button
The button component provides convinent options for styling a button.

0 comments on commit 0036b87

Please sign in to comment.