mirror of
https://github.com/material-components/material-web.git
synced 2026-03-09 00:09:23 +08:00
23 lines
691 B
HTML
23 lines
691 B
HTML
<div class="figure-wrapper">
|
|
<figure
|
|
style="justify-content: center; align-items: center"
|
|
class="styled-example"
|
|
aria-label="Image of a checkbox with a different theme applied"
|
|
>
|
|
<style>
|
|
.styled-example {
|
|
background-color: white;
|
|
border-radius: 28px;
|
|
/* System tokens */
|
|
--md-sys-color-primary: #006a6a;
|
|
--md-sys-color-on-primary: #ffffff;
|
|
--md-sys-color-on-surface-variant: #3f4948;
|
|
/* Component tokens */
|
|
--md-checkbox-container-shape: 0px;
|
|
}
|
|
</style>
|
|
<md-checkbox touch-target="wrapper"></md-checkbox>
|
|
<md-checkbox touch-target="wrapper" checked></md-checkbox>
|
|
</figure>
|
|
</div>
|