From e737af1c7de2697b6cf61e9cd215607fccda4e1a Mon Sep 17 00:00:00 2001 From: Ed Morales Date: Wed, 11 Jul 2018 10:45:39 -0700 Subject: [PATCH] feat(tab-select): add stretchTabs input to stretch tabs on mat-tab-group (#1191) * feat(tab-select): add stretchTabs input to stretch tabs on mat-tab-group * docs(): add doc comments to input --- src/platform/experimental/tab-select/README.md | 3 +++ .../tab-select/tab-select.component.html | 3 ++- .../experimental/tab-select/tab-select.component.ts | 13 +++++++++++++ src/test-bed/test-bed/test-bed.component.html | 4 ++-- 4 files changed, 20 insertions(+), 3 deletions(-) diff --git a/src/platform/experimental/tab-select/README.md b/src/platform/experimental/tab-select/README.md index 0daf640b33..ef16df9048 100644 --- a/src/platform/experimental/tab-select/README.md +++ b/src/platform/experimental/tab-select/README.md @@ -12,6 +12,8 @@ + Sets disabled state of the component. + disabledRipple?: boolean + Disables ripple effect on component. ++ stretchTabs?: boolean + + Makes the tabs stretch to fit the parent container. + color?: ThemePalette + Color of the tab group. + backgroundColor?: ThemePalette @@ -82,6 +84,7 @@ Example with all inputs/outputs: [color]="'accent'" [disabled]="false" [disabledRipple]="false" + [stretchTabs]="true" (valueChange)="myValue = $event"> Label 1 Label 2 diff --git a/src/platform/experimental/tab-select/tab-select.component.html b/src/platform/experimental/tab-select/tab-select.component.html index 1010ec245b..eb2b740755 100644 --- a/src/platform/experimental/tab-select/tab-select.component.html +++ b/src/platform/experimental/tab-select/tab-select.component.html @@ -1,4 +1,5 @@ -Disabled tabs -

Disabled ripple on tabs

- +

Stretched and disabled ripple on tabs

+ MY LABEL