mirror of
https://github.com/material-components/material-web.git
synced 2024-10-27 06:04:44 +03:00
add demo for image icon
This commit is contained in:
parent
82687fafec
commit
1fb78cd613
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user