material-components/material-web
1
1
Fork 0
mirror of https://github.com/material-components/material-web.git synced 2024-10-27 06:04:44 +03:00
Code Issues Projects Releases Wiki Activity

add demo for image icon

Browse Source
This commit is contained in:
Elliott Marquez 2019-12-02 16:43:30 +11:00
parent 82687fafec
commit 1fb78cd613
1 changed files with 35 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
demos/tabs.html
View File

@ -90,6 +90,41 @@ limitations under the License.
<mwc-tab icon="camera"></mwc-tab>
</mwc-tab-bar>
<h3>Image Icons</h3>
<mwc-tab-bar activeIndex="2">
<mwc-tab hasImageIcon>
<svg width="10px" height="10px">
<circle
r="5px"
cx="5px"
cy="5px"
color="red">
</circle>
</svg>
</mwc-tab>
<mwc-tab hasImageIcon>
<svg width="10px" height="10px">
<rect
width="10px"
height="10px"
color="green">
</rect>
</svg>
</mwc-tab>
<mwc-tab hasImageIcon>
<svg width="14.143px" height="14.143px">
<rect
width="10px"
height="10px"
color="blue"
y="2.071px"
x="2.071px"
style="transform:rotate(45deg);transform-origin:center;">
</rect>
</svg>
</mwc-tab>
</mwc-tab-bar>
<h3>With Icons - Stacked</h3>
<mwc-tab-bar activeIndex="1">
<mwc-tab label="one" icon="accessibility" stacked></mwc-tab>