mirror of
https://github.com/material-components/material-web.git
synced 2026-03-09 00:09:23 +08:00
e8b5b29d1e
BREAKING CHANGE: Replace `container-size` tokens with `container-width` and `container-height`. PiperOrigin-RevId: 566801178
22 lines
758 B
HTML
22 lines
758 B
HTML
<div class="figure-wrapper">
|
|
<figure
|
|
class="styled-example outlined"
|
|
title="Outlined icon button theming example."
|
|
aria-label="Image of an outlined icon button with a different theme applied">
|
|
<style>
|
|
.styled-example.outlined > * {
|
|
--md-outlined-icon-button-container-width: 80px;
|
|
--md-outlined-icon-button-container-height: 80px;
|
|
--md-outlined-icon-button-container-shape: 0px;
|
|
--md-outlined-icon-button-icon-size: 40px;
|
|
--md-outlined-icon-button-unselected-outline-width: 4px;
|
|
--md-sys-color-outline: #006A6A;
|
|
padding-block: 8px;
|
|
}
|
|
</style>
|
|
<md-outlined-icon-button>
|
|
<md-icon>check</md-icon>
|
|
</md-outlined-icon-button>
|
|
</figure>
|
|
</div>
|