0.1.3 • Published 3 years ago
vue-accessibility-list v0.1.3
vue-accessibility-list
An accessibility list for your project with the options: increase / decrease font and high contrast.
Demo
Installation
NPM
$ npm install vue-accessibility-listES6
import AccessibilityList from 'vue-accessibility-list/src/AccessibilityList.vue'
new Vue({
components: {
AccessibilityList
}
})Usage
<accessibility-list :position="position" :backgroundColor="backgroundColor" :fontColor="fontColor" :size="size" :fontSize="fontSize"></accessibility-list>All props have default value.
Description of props
| Props | Type | Default | Description |
|---|---|---|---|
| :position | String | left | left or right |
| :backgroundColor | String | #D3D3D3 | background color of each item. Ex: #f9f9f9 |
| :fontColor | String | #000 | font color of each item. Ex: #000 |
| :fontSize | String | 20px | font size of each item. Ex: 22px |
| :size | String | 48px | width and height of each item. Ex: 50px |
License
vue-accessibility-list is licensed under The MIT License.