Hopiu/vue-material
1
0
Fork 0
mirror of https://github.com/Hopiu/vue-material.git synced 2026-03-16 22:10:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add prop md-navigation to toggle navigation arrows

Browse source
This commit is contained in:
Igor Ribeiro 2017-02-20 16:21:50 -03:00
parent 58d4105b2a
commit 2cb818db4a
2 changed files with 12 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
docs/src/pages/components/Tabs.vue
View file

@ -52,6 +52,12 @@
<md-table-cell><code>Number</code></md-table-cell>
<md-table-cell>Add a shadow on the navigation with an whiteframe. Default <code>0</code></md-table-cell>
</md-table-row>
<md-table-row>
<md-table-cell>md-navigation</md-table-cell>
<md-table-cell><code>Boolean</code></md-table-cell>
<md-table-cell>Display the navigation arrows for horizontal scroll. Default <code>true</code></md-table-cell>
</md-table-row>
</md-table-body>
</md-table>

8
src/components/mdTabs/mdTabs.vue
View file

@ -23,10 +23,10 @@
<span class="md-tab-indicator" :class="indicatorClasses" ref="indicator"></span>
</div>
</div>
<button v-if="hasNavigationScroll" @click="navigationScrollLeft" class="md-tab-header-navigation-button md-left" :class="navigationLeftButtonClasses">
<button v-if="mdNavigation && hasNavigationScroll" @click="navigationScrollLeft" class="md-tab-header-navigation-button md-left" :class="navigationLeftButtonClasses">
<md-icon>keyboard_arrow_left</md-icon>
</button>
<button v-if="hasNavigationScroll" @click="navigationScrollRight" class="md-tab-header-navigation-button md-right" :class="navigationRightButtonClasses">
<button v-if="mdNavigation && hasNavigationScroll" @click="navigationScrollRight" class="md-tab-header-navigation-button md-right" :class="navigationRightButtonClasses">
<md-icon>keyboard_arrow_right</md-icon>
</button>
</md-whiteframe>
@ -51,6 +51,10 @@
mdFixed: Boolean,
mdCentered: Boolean,
mdRight: Boolean,
mdNavigation: {
type: Boolean,
default: true
},
mdDynamicHeight: {
type: Boolean,
default: true