37 lines
819 B
JavaScript
37 lines
819 B
JavaScript
|
// Styles
|
||
|
import "../../../src/components/VDivider/VDivider.sass"; // Mixins
|
||
|
|
||
|
import Themeable from '../../mixins/themeable';
|
||
|
export default Themeable.extend({
|
||
|
name: 'v-divider',
|
||
|
props: {
|
||
|
inset: Boolean,
|
||
|
vertical: Boolean
|
||
|
},
|
||
|
|
||
|
render(h) {
|
||
|
// WAI-ARIA attributes
|
||
|
let orientation;
|
||
|
|
||
|
if (!this.$attrs.role || this.$attrs.role === 'separator') {
|
||
|
orientation = this.vertical ? 'vertical' : 'horizontal';
|
||
|
}
|
||
|
|
||
|
return h('hr', {
|
||
|
class: {
|
||
|
'v-divider': true,
|
||
|
'v-divider--inset': this.inset,
|
||
|
'v-divider--vertical': this.vertical,
|
||
|
...this.themeClasses
|
||
|
},
|
||
|
attrs: {
|
||
|
role: 'separator',
|
||
|
'aria-orientation': orientation,
|
||
|
...this.$attrs
|
||
|
},
|
||
|
on: this.$listeners
|
||
|
});
|
||
|
}
|
||
|
|
||
|
});
|
||
|
//# sourceMappingURL=VDivider.js.map
|