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-list

ES6

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.