DEV/material-components_material-web
1
0
Fork 0
mirror of https://github.com/material-components/material-web.git synced 2026-01-09 07:21:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(slider): update slider component styles and types

Browse Source 
- Removed unnecessary image and description for button types
- Adjusted margin for slider labels
- Updated title and aria-label for slider types
This commit is contained in:
Daniel Fiala 2024-10-10 12:21:37 +00:00
parent f533a4137b
commit 59dbdbdf74
1 changed files with 3 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
docs/components/slider.md
View File

@ -61,11 +61,6 @@ Sliders can use icons or labels to represent a numeric or relative scale.
## Types
<!-- no-catalog-start -->
![The 5 types of common buttons](images/button/types.webp "Continous, discrete, range sliders")
<!-- no-catalog-end -->
<!-- catalog-only-start -->
<!--
@ -74,8 +69,8 @@ Sliders can use icons or labels to represent a numeric or relative scale.
<figure
class="types-image"
style="justify-content:center;"
title="Elevated, filled, filled tonal, outlined, and text buttons"
aria-label="The 5 types of common buttons">
title="Continous, discrete and range sliders"
aria-label="The 3 types of sliders">
<style>
.types-image .wrapper,
.types-image .wrapper > * {
@ -94,7 +89,7 @@ Sliders can use icons or labels to represent a numeric or relative scale.
background-color: var(--md-sys-color-inverse-surface);
color: var(--md-sys-color-inverse-on-surface);
padding: 8px;
margin-block-start: 8px;
margin-block-start: 24px;
width: 24px;
height: 24px;
border-radius: 50%;