diff --git a/src/components/dataview/DataView.vue b/src/components/dataview/DataView.vue
index b46af34d0..243172e5d 100755
--- a/src/components/dataview/DataView.vue
+++ b/src/components/dataview/DataView.vue
@@ -22,7 +22,7 @@
-
+
+ :tabindex="isOptionDisabled(option) ? null : '0'" @focus="onFocus($event)" @blur="onBlur($event)" :aria-labelledby="ariaLabelledBy" v-ripple
+ :class="getButtonClass(option)">
{{getOptionLabel(option)}}
@@ -81,13 +81,13 @@ export default {
return selected;
},
- onFocus(event, index) {
+ onFocus(event) {
this.$emit('focus', event);
},
onBlur(event) {
this.$emit('blur', event);
},
- getButtonClass(option, i) {
+ getButtonClass(option) {
return ['p-button p-component', {
'p-highlight': this.isSelected(option),
'p-disabled': this.isOptionDisabled(option)
diff --git a/src/views/Home.vue b/src/views/Home.vue
index cfd875bda..7a7a50190 100755
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -180,7 +180,7 @@
-
+
Theme Designer
PrimeVue is a design-agnostic library and the theming system is based on the Theme Designer, the official tool to create themes for the components. Designer includes a SASS enabled infrastructure that has over 500 customizable variables, a live editor