From 01d09b0909b500b477180b211b426870a1d56260 Mon Sep 17 00:00:00 2001 From: VlastikYoutubeKo <56507931+VlastikYoutubeKo@users.noreply.github.com> Date: Tue, 20 May 2025 21:42:23 +0200 Subject: [PATCH] Delete components-wiki directory --- components-wiki/button.md | 834 ------------------ components-wiki/checkbox.md | 210 ----- components-wiki/chip.md | 626 ------------- components-wiki/dialog.md | 262 ------ components-wiki/divider.md | 140 --- components-wiki/elevation.md | 125 --- components-wiki/fab.md | 522 ----------- components-wiki/figures/checkbox/theming.html | 22 - .../figures/checkbox/usage-label.html | 13 - components-wiki/figures/checkbox/usage.html | 9 - .../figures/fab/extended-fabs.html | 25 - components-wiki/figures/fab/fabs.html | 65 -- .../figures/fab/theming-branded.html | 33 - .../figures/fab/theming-extended.html | 17 - components-wiki/figures/fab/theming-fab.html | 21 - .../figures/fab/usage-branded-extended.html | 15 - .../figures/fab/usage-branded-sizes.html | 25 - .../figures/fab/usage-branded.html | 15 - components-wiki/figures/fab/usage-color.html | 15 - .../figures/fab/usage-extended.html | 9 - components-wiki/figures/fab/usage-fab.html | 9 - .../figures/fab/usage-lowered.html | 9 - components-wiki/figures/fab/usage-sizes.html | 19 - .../figures/fab/usage-without-icon.html | 7 - .../figures/iconbutton/buttons.html | 66 -- .../iconbutton/theming-filled-tonal.html | 20 - .../figures/iconbutton/theming-filled.html | 20 - .../figures/iconbutton/theming-outlined.html | 21 - .../figures/iconbutton/theming-standard.html | 22 - .../iconbutton/usage-filled-tonal.html | 10 - .../figures/iconbutton/usage-filled.html | 10 - .../figures/iconbutton/usage-outlined.html | 10 - .../figures/iconbutton/usage-standard.html | 10 - .../figures/iconbutton/usage-toggle.html | 42 - components-wiki/figures/iconbutton/usage.html | 19 - .../figures/list/theming-icon.html | 39 - .../figures/list/theming-image.html | 35 - .../figures/list/theming-list.html | 42 - components-wiki/figures/list/usage-icon.html | 31 - components-wiki/figures/list/usage-image.html | 22 - components-wiki/figures/list/usage.html | 30 - components-wiki/figures/menu/theming.html | 50 -- .../figures/menu/usage-document.html | 30 - components-wiki/figures/menu/usage-fixed.html | 30 - .../figures/menu/usage-popover.html | 30 - .../figures/menu/usage-submenu.html | 63 -- components-wiki/figures/menu/usage.html | 58 -- .../figures/select/theming-filled.html | 28 - .../figures/select/theming-outlined.html | 34 - components-wiki/figures/select/usage.html | 34 - .../figures/textfield/theming-filled.html | 22 - .../figures/textfield/theming-outlined.html | 18 - .../figures/textfield/usage-char-counter.html | 8 - .../figures/textfield/usage-icons.html | 19 - .../figures/textfield/usage-label.html | 11 - .../figures/textfield/usage-prefix.html | 14 - .../textfield/usage-supporting-text.html | 17 - .../figures/textfield/usage-textarea.html | 13 - .../figures/textfield/usage-type.html | 9 - components-wiki/figures/textfield/usage.html | 9 - components-wiki/focus-ring.md | 174 ---- components-wiki/icon-button.md | 600 ------------- components-wiki/icon.md | 204 ----- components-wiki/images/button/hero.webp | Bin 31698 -> 0 bytes .../button/theming-elevated-button.webp | Bin 1920 -> 0 bytes .../images/button/theming-filled-button.webp | Bin 1168 -> 0 bytes .../button/theming-filled-tonal-button.webp | Bin 848 -> 0 bytes .../button/theming-outlined-button.webp | Bin 1670 -> 0 bytes .../images/button/theming-text-button.webp | Bin 1002 -> 0 bytes components-wiki/images/button/types.webp | Bin 13636 -> 0 bytes .../images/button/usage-elevated-button.webp | Bin 2104 -> 0 bytes .../images/button/usage-filled-button.webp | Bin 1838 -> 0 bytes .../button/usage-filled-tonal-button.webp | Bin 1138 -> 0 bytes components-wiki/images/button/usage-icon.webp | Bin 2804 -> 0 bytes .../images/button/usage-outlined-button.webp | Bin 2346 -> 0 bytes .../images/button/usage-text-button.webp | Bin 864 -> 0 bytes components-wiki/images/button/usage.webp | Bin 4090 -> 0 bytes components-wiki/images/checkbox/hero.webp | Bin 16738 -> 0 bytes components-wiki/images/checkbox/theming.webp | Bin 726 -> 0 bytes .../images/checkbox/usage-label.webp | Bin 4778 -> 0 bytes components-wiki/images/checkbox/usage.webp | Bin 1018 -> 0 bytes components-wiki/images/chips/hero.webp | Bin 45478 -> 0 bytes components-wiki/images/dialog/hero.webp | Bin 30440 -> 0 bytes components-wiki/images/divider/hero.webp | Bin 37554 -> 0 bytes components-wiki/images/divider/theming.webp | Bin 3832 -> 0 bytes .../images/divider/usage-inset-start.webp | Bin 3284 -> 0 bytes .../images/divider/usage-inset.webp | Bin 3282 -> 0 bytes components-wiki/images/divider/usage.webp | Bin 3822 -> 0 bytes components-wiki/images/elevation/hero.webp | Bin 13572 -> 0 bytes components-wiki/images/elevation/theming.webp | Bin 728 -> 0 bytes .../images/elevation/usage-animation.gif | Bin 77787 -> 0 bytes components-wiki/images/elevation/usage.webp | Bin 606 -> 0 bytes components-wiki/images/fab/extended-fabs.webp | Bin 5522 -> 0 bytes components-wiki/images/fab/fabs.webp | Bin 23798 -> 0 bytes components-wiki/images/fab/hero.webp | Bin 36674 -> 0 bytes components-wiki/images/fab/small-fabs.webp | Bin 3752 -> 0 bytes .../images/fab/theming-branded.webp | Bin 2028 -> 0 bytes .../images/fab/theming-extended.webp | Bin 1498 -> 0 bytes components-wiki/images/fab/theming-fab.webp | Bin 792 -> 0 bytes .../images/fab/usage-branded-extended.webp | Bin 2290 -> 0 bytes .../images/fab/usage-branded-sizes.webp | Bin 3728 -> 0 bytes components-wiki/images/fab/usage-branded.webp | Bin 1852 -> 0 bytes components-wiki/images/fab/usage-color.webp | Bin 2906 -> 0 bytes .../images/fab/usage-extended.webp | Bin 1384 -> 0 bytes components-wiki/images/fab/usage-fab.webp | Bin 1892 -> 0 bytes components-wiki/images/fab/usage-lowered.webp | Bin 1770 -> 0 bytes components-wiki/images/fab/usage-sizes.webp | Bin 4914 -> 0 bytes .../images/fab/usage-without-icon.webp | Bin 2992 -> 0 bytes components-wiki/images/focus/hero.gif | Bin 203033 -> 0 bytes components-wiki/images/focus/theming.gif | Bin 76908 -> 0 bytes .../images/focus/usage-animation.gif | Bin 67812 -> 0 bytes components-wiki/images/focus/usage-inward.gif | Bin 42322 -> 0 bytes components-wiki/images/focus/usage.gif | Bin 95976 -> 0 bytes components-wiki/images/icon/hero.gif | Bin 1925516 -> 0 bytes components-wiki/images/icon/theming.webp | Bin 12696 -> 0 bytes components-wiki/images/icon/usage.webp | Bin 1618 -> 0 bytes components-wiki/images/icon/usage_filled.webp | Bin 5424 -> 0 bytes .../images/icon/usage_rounded.webp | Bin 1732 -> 0 bytes components-wiki/images/icon/usage_sharp.webp | Bin 1706 -> 0 bytes .../images/iconbutton/buttons.webp | Bin 7464 -> 0 bytes components-wiki/images/iconbutton/hero.webp | Bin 71942 -> 0 bytes .../iconbutton/theming-filled-tonal.webp | Bin 478 -> 0 bytes .../images/iconbutton/theming-filled.webp | Bin 618 -> 0 bytes .../images/iconbutton/theming-outlined.webp | Bin 610 -> 0 bytes .../images/iconbutton/theming-standard.webp | Bin 326 -> 0 bytes .../images/iconbutton/usage-filled-tonal.webp | Bin 630 -> 0 bytes .../images/iconbutton/usage-filled.webp | Bin 1210 -> 0 bytes .../images/iconbutton/usage-outlined.webp | Bin 1186 -> 0 bytes .../images/iconbutton/usage-standard.webp | Bin 346 -> 0 bytes .../images/iconbutton/usage-toggle.webp | Bin 5280 -> 0 bytes components-wiki/images/iconbutton/usage.webp | Bin 1496 -> 0 bytes components-wiki/images/list/hero.webp | Bin 72626 -> 0 bytes components-wiki/images/list/theming-icon.webp | Bin 4756 -> 0 bytes .../images/list/theming-image.webp | Bin 43698 -> 0 bytes components-wiki/images/list/theming-list.webp | Bin 5080 -> 0 bytes components-wiki/images/list/usage-icon.webp | Bin 2758 -> 0 bytes components-wiki/images/list/usage-image.webp | Bin 28146 -> 0 bytes components-wiki/images/list/usage.webp | Bin 13388 -> 0 bytes components-wiki/images/menu/hero.webp | Bin 298626 -> 0 bytes components-wiki/images/menu/theming.webp | Bin 5222 -> 0 bytes .../images/menu/usage-document.webp | Bin 6650 -> 0 bytes components-wiki/images/menu/usage-fixed.webp | Bin 2656 -> 0 bytes .../images/menu/usage-popover.webp | Bin 6336 -> 0 bytes .../images/menu/usage-submenu.webp | Bin 5376 -> 0 bytes components-wiki/images/menu/usage.webp | Bin 7398 -> 0 bytes components-wiki/images/progress/hero.webp | Bin 7456218 -> 0 bytes .../images/progress/theming-circular.webp | Bin 848 -> 0 bytes .../images/progress/theming-linear.webp | Bin 340 -> 0 bytes components-wiki/images/radio/hero.webp | Bin 13436 -> 0 bytes components-wiki/images/ripple/hero.gif | Bin 173565 -> 0 bytes components-wiki/images/ripple/theming.gif | Bin 63351 -> 0 bytes .../images/ripple/usage-unbounded.gif | Bin 83063 -> 0 bytes components-wiki/images/ripple/usage.gif | Bin 60061 -> 0 bytes components-wiki/images/select/hero.webp | Bin 6736 -> 0 bytes .../images/select/theming-filled.webp | Bin 4722 -> 0 bytes .../images/select/theming-outlined.webp | Bin 4978 -> 0 bytes components-wiki/images/select/usage.webp | Bin 6720 -> 0 bytes components-wiki/images/slider/hero.webp | Bin 25578 -> 0 bytes components-wiki/images/slider/theming.webp | Bin 1346 -> 0 bytes components-wiki/images/switch/hero.webp | Bin 21550 -> 0 bytes components-wiki/images/tabs/hero.webp | Bin 54128 -> 0 bytes components-wiki/images/tabs/scrollable.webp | Bin 3898 -> 0 bytes components-wiki/images/tabs/theming.webp | Bin 2096 -> 0 bytes components-wiki/images/tabs/usage.webp | Bin 3660 -> 0 bytes components-wiki/images/textfield/hero.webp | Bin 18052 -> 0 bytes .../images/textfield/theming-filled.webp | Bin 1022 -> 0 bytes .../images/textfield/theming-outlined.webp | Bin 486 -> 0 bytes .../images/textfield/usage-char-counter.webp | Bin 1350 -> 0 bytes .../images/textfield/usage-icons.webp | Bin 7538 -> 0 bytes .../images/textfield/usage-label.webp | Bin 4516 -> 0 bytes .../images/textfield/usage-prefix.webp | Bin 1800 -> 0 bytes .../textfield/usage-supporting-text.webp | Bin 4174 -> 0 bytes .../images/textfield/usage-textarea.webp | Bin 1640 -> 0 bytes .../images/textfield/usage-type.webp | Bin 2288 -> 0 bytes components-wiki/images/textfield/usage.webp | Bin 2174 -> 0 bytes components-wiki/list.md | 430 --------- components-wiki/menu.md | 643 -------------- components-wiki/progress.md | 413 --------- components-wiki/radio.md | 210 ----- components-wiki/ripple.md | 252 ------ components-wiki/select.md | 365 -------- components-wiki/slider.md | 217 ----- components-wiki/switch.md | 220 ----- components-wiki/tabs.md | 442 ---------- components-wiki/text-field.md | 631 ------------- 185 files changed, 8794 deletions(-) delete mode 100644 components-wiki/button.md delete mode 100644 components-wiki/checkbox.md delete mode 100644 components-wiki/chip.md delete mode 100644 components-wiki/dialog.md delete mode 100644 components-wiki/divider.md delete mode 100644 components-wiki/elevation.md delete mode 100644 components-wiki/fab.md delete mode 100644 components-wiki/figures/checkbox/theming.html delete mode 100644 components-wiki/figures/checkbox/usage-label.html delete mode 100644 components-wiki/figures/checkbox/usage.html delete mode 100644 components-wiki/figures/fab/extended-fabs.html delete mode 100644 components-wiki/figures/fab/fabs.html delete mode 100644 components-wiki/figures/fab/theming-branded.html delete mode 100644 components-wiki/figures/fab/theming-extended.html delete mode 100644 components-wiki/figures/fab/theming-fab.html delete mode 100644 components-wiki/figures/fab/usage-branded-extended.html delete mode 100644 components-wiki/figures/fab/usage-branded-sizes.html delete mode 100644 components-wiki/figures/fab/usage-branded.html delete mode 100644 components-wiki/figures/fab/usage-color.html delete mode 100644 components-wiki/figures/fab/usage-extended.html delete mode 100644 components-wiki/figures/fab/usage-fab.html delete mode 100644 components-wiki/figures/fab/usage-lowered.html delete mode 100644 components-wiki/figures/fab/usage-sizes.html delete mode 100644 components-wiki/figures/fab/usage-without-icon.html delete mode 100644 components-wiki/figures/iconbutton/buttons.html delete mode 100644 components-wiki/figures/iconbutton/theming-filled-tonal.html delete mode 100644 components-wiki/figures/iconbutton/theming-filled.html delete mode 100644 components-wiki/figures/iconbutton/theming-outlined.html delete mode 100644 components-wiki/figures/iconbutton/theming-standard.html delete mode 100644 components-wiki/figures/iconbutton/usage-filled-tonal.html delete mode 100644 components-wiki/figures/iconbutton/usage-filled.html delete mode 100644 components-wiki/figures/iconbutton/usage-outlined.html delete mode 100644 components-wiki/figures/iconbutton/usage-standard.html delete mode 100644 components-wiki/figures/iconbutton/usage-toggle.html delete mode 100644 components-wiki/figures/iconbutton/usage.html delete mode 100644 components-wiki/figures/list/theming-icon.html delete mode 100644 components-wiki/figures/list/theming-image.html delete mode 100644 components-wiki/figures/list/theming-list.html delete mode 100644 components-wiki/figures/list/usage-icon.html delete mode 100644 components-wiki/figures/list/usage-image.html delete mode 100644 components-wiki/figures/list/usage.html delete mode 100644 components-wiki/figures/menu/theming.html delete mode 100644 components-wiki/figures/menu/usage-document.html delete mode 100644 components-wiki/figures/menu/usage-fixed.html delete mode 100644 components-wiki/figures/menu/usage-popover.html delete mode 100644 components-wiki/figures/menu/usage-submenu.html delete mode 100644 components-wiki/figures/menu/usage.html delete mode 100644 components-wiki/figures/select/theming-filled.html delete mode 100644 components-wiki/figures/select/theming-outlined.html delete mode 100644 components-wiki/figures/select/usage.html delete mode 100644 components-wiki/figures/textfield/theming-filled.html delete mode 100644 components-wiki/figures/textfield/theming-outlined.html delete mode 100644 components-wiki/figures/textfield/usage-char-counter.html delete mode 100644 components-wiki/figures/textfield/usage-icons.html delete mode 100644 components-wiki/figures/textfield/usage-label.html delete mode 100644 components-wiki/figures/textfield/usage-prefix.html delete mode 100644 components-wiki/figures/textfield/usage-supporting-text.html delete mode 100644 components-wiki/figures/textfield/usage-textarea.html delete mode 100644 components-wiki/figures/textfield/usage-type.html delete mode 100644 components-wiki/figures/textfield/usage.html delete mode 100644 components-wiki/focus-ring.md delete mode 100644 components-wiki/icon-button.md delete mode 100644 components-wiki/icon.md delete mode 100644 components-wiki/images/button/hero.webp delete mode 100644 components-wiki/images/button/theming-elevated-button.webp delete mode 100644 components-wiki/images/button/theming-filled-button.webp delete mode 100644 components-wiki/images/button/theming-filled-tonal-button.webp delete mode 100644 components-wiki/images/button/theming-outlined-button.webp delete mode 100644 components-wiki/images/button/theming-text-button.webp delete mode 100644 components-wiki/images/button/types.webp delete mode 100644 components-wiki/images/button/usage-elevated-button.webp delete mode 100644 components-wiki/images/button/usage-filled-button.webp delete mode 100644 components-wiki/images/button/usage-filled-tonal-button.webp delete mode 100644 components-wiki/images/button/usage-icon.webp delete mode 100644 components-wiki/images/button/usage-outlined-button.webp delete mode 100644 components-wiki/images/button/usage-text-button.webp delete mode 100644 components-wiki/images/button/usage.webp delete mode 100644 components-wiki/images/checkbox/hero.webp delete mode 100644 components-wiki/images/checkbox/theming.webp delete mode 100644 components-wiki/images/checkbox/usage-label.webp delete mode 100644 components-wiki/images/checkbox/usage.webp delete mode 100644 components-wiki/images/chips/hero.webp delete mode 100644 components-wiki/images/dialog/hero.webp delete mode 100644 components-wiki/images/divider/hero.webp delete mode 100644 components-wiki/images/divider/theming.webp delete mode 100644 components-wiki/images/divider/usage-inset-start.webp delete mode 100644 components-wiki/images/divider/usage-inset.webp delete mode 100644 components-wiki/images/divider/usage.webp delete mode 100644 components-wiki/images/elevation/hero.webp delete mode 100644 components-wiki/images/elevation/theming.webp delete mode 100644 components-wiki/images/elevation/usage-animation.gif delete mode 100644 components-wiki/images/elevation/usage.webp delete mode 100644 components-wiki/images/fab/extended-fabs.webp delete mode 100644 components-wiki/images/fab/fabs.webp delete mode 100644 components-wiki/images/fab/hero.webp delete mode 100644 components-wiki/images/fab/small-fabs.webp delete mode 100644 components-wiki/images/fab/theming-branded.webp delete mode 100644 components-wiki/images/fab/theming-extended.webp delete mode 100644 components-wiki/images/fab/theming-fab.webp delete mode 100644 components-wiki/images/fab/usage-branded-extended.webp delete mode 100644 components-wiki/images/fab/usage-branded-sizes.webp delete mode 100644 components-wiki/images/fab/usage-branded.webp delete mode 100644 components-wiki/images/fab/usage-color.webp delete mode 100644 components-wiki/images/fab/usage-extended.webp delete mode 100644 components-wiki/images/fab/usage-fab.webp delete mode 100644 components-wiki/images/fab/usage-lowered.webp delete mode 100644 components-wiki/images/fab/usage-sizes.webp delete mode 100644 components-wiki/images/fab/usage-without-icon.webp delete mode 100644 components-wiki/images/focus/hero.gif delete mode 100644 components-wiki/images/focus/theming.gif delete mode 100644 components-wiki/images/focus/usage-animation.gif delete mode 100644 components-wiki/images/focus/usage-inward.gif delete mode 100644 components-wiki/images/focus/usage.gif delete mode 100644 components-wiki/images/icon/hero.gif delete mode 100644 components-wiki/images/icon/theming.webp delete mode 100644 components-wiki/images/icon/usage.webp delete mode 100644 components-wiki/images/icon/usage_filled.webp delete mode 100644 components-wiki/images/icon/usage_rounded.webp delete mode 100644 components-wiki/images/icon/usage_sharp.webp delete mode 100644 components-wiki/images/iconbutton/buttons.webp delete mode 100644 components-wiki/images/iconbutton/hero.webp delete mode 100644 components-wiki/images/iconbutton/theming-filled-tonal.webp delete mode 100644 components-wiki/images/iconbutton/theming-filled.webp delete mode 100644 components-wiki/images/iconbutton/theming-outlined.webp delete mode 100644 components-wiki/images/iconbutton/theming-standard.webp delete mode 100644 components-wiki/images/iconbutton/usage-filled-tonal.webp delete mode 100644 components-wiki/images/iconbutton/usage-filled.webp delete mode 100644 components-wiki/images/iconbutton/usage-outlined.webp delete mode 100644 components-wiki/images/iconbutton/usage-standard.webp delete mode 100644 components-wiki/images/iconbutton/usage-toggle.webp delete mode 100644 components-wiki/images/iconbutton/usage.webp delete mode 100644 components-wiki/images/list/hero.webp delete mode 100644 components-wiki/images/list/theming-icon.webp delete mode 100644 components-wiki/images/list/theming-image.webp delete mode 100644 components-wiki/images/list/theming-list.webp delete mode 100644 components-wiki/images/list/usage-icon.webp delete mode 100644 components-wiki/images/list/usage-image.webp delete mode 100644 components-wiki/images/list/usage.webp delete mode 100644 components-wiki/images/menu/hero.webp delete mode 100644 components-wiki/images/menu/theming.webp delete mode 100644 components-wiki/images/menu/usage-document.webp delete mode 100644 components-wiki/images/menu/usage-fixed.webp delete mode 100644 components-wiki/images/menu/usage-popover.webp delete mode 100644 components-wiki/images/menu/usage-submenu.webp delete mode 100644 components-wiki/images/menu/usage.webp delete mode 100644 components-wiki/images/progress/hero.webp delete mode 100644 components-wiki/images/progress/theming-circular.webp delete mode 100644 components-wiki/images/progress/theming-linear.webp delete mode 100644 components-wiki/images/radio/hero.webp delete mode 100644 components-wiki/images/ripple/hero.gif delete mode 100644 components-wiki/images/ripple/theming.gif delete mode 100644 components-wiki/images/ripple/usage-unbounded.gif delete mode 100644 components-wiki/images/ripple/usage.gif delete mode 100644 components-wiki/images/select/hero.webp delete mode 100644 components-wiki/images/select/theming-filled.webp delete mode 100644 components-wiki/images/select/theming-outlined.webp delete mode 100644 components-wiki/images/select/usage.webp delete mode 100644 components-wiki/images/slider/hero.webp delete mode 100644 components-wiki/images/slider/theming.webp delete mode 100644 components-wiki/images/switch/hero.webp delete mode 100644 components-wiki/images/tabs/hero.webp delete mode 100644 components-wiki/images/tabs/scrollable.webp delete mode 100644 components-wiki/images/tabs/theming.webp delete mode 100644 components-wiki/images/tabs/usage.webp delete mode 100644 components-wiki/images/textfield/hero.webp delete mode 100644 components-wiki/images/textfield/theming-filled.webp delete mode 100644 components-wiki/images/textfield/theming-outlined.webp delete mode 100644 components-wiki/images/textfield/usage-char-counter.webp delete mode 100644 components-wiki/images/textfield/usage-icons.webp delete mode 100644 components-wiki/images/textfield/usage-label.webp delete mode 100644 components-wiki/images/textfield/usage-prefix.webp delete mode 100644 components-wiki/images/textfield/usage-supporting-text.webp delete mode 100644 components-wiki/images/textfield/usage-textarea.webp delete mode 100644 components-wiki/images/textfield/usage-type.webp delete mode 100644 components-wiki/images/textfield/usage.webp delete mode 100644 components-wiki/list.md delete mode 100644 components-wiki/menu.md delete mode 100644 components-wiki/progress.md delete mode 100644 components-wiki/radio.md delete mode 100644 components-wiki/ripple.md delete mode 100644 components-wiki/select.md delete mode 100644 components-wiki/slider.md delete mode 100644 components-wiki/switch.md delete mode 100644 components-wiki/tabs.md delete mode 100644 components-wiki/text-field.md diff --git a/components-wiki/button.md b/components-wiki/button.md deleted file mode 100644 index f11f9fe..0000000 --- a/components-wiki/button.md +++ /dev/null @@ -1,834 +0,0 @@ - - - - - -# Buttons - - - - - - - - - - -**This documentation is fully rendered on the -[Material Web catalog](https://material-web.dev/components/button/).** - - - - -[Buttons](https://m3.material.io/components/buttons) help people -initiate actions, from sending an email, to sharing a document, to liking a -post. - -There are five types of common buttons: elevated, filled, filled tonal, -outlined, and text. - - - -A phone showing a payment screen with a green filled button that says 'Make
-payment' - - - -* [Design article](https://m3.material.io/components/buttons) -* [API Documentation](#api) -* [Source code](https://github.com/material-components/material-web/tree/main/button) - - - - - - - - -## Types - - - -![The 5 types of common buttons](images/button/types.webp "Elevated, filled, filled tonal, outlined, and text buttons") - - - - - - - - -1. [Elevated button](#elevated-button) -1. [Filled button](#filled-button) -1. [Filled tonal button](#filled-tonal-button) -1. [Outlined button](#outlined-button) -1. [Text button](#text-button) - -## Usage - -Buttons have label text that describes the action that will occur if a user taps -a button. - - - -![An outlined button with the text "Back" next to a filled button with the text -"Complete"](images/button/usage.webp "Outlined and filled buttons.") - - - - - - - - -```html -Back -Complete -``` - -### Icon - -An icon may optionally be added to a button to help communicate the button's -action and help draw attention. - - - -![A tonal button with a right arrow send icon with text 'send' and a text button -with the text 'open' with a trailing icon arrow -box](images/button/usage-icon.webp "Slot in icons to the appropriate slots") - - - - - - - - -```html - - Send - - - - - Open - - -``` - -## Accessibility - -Add an -[`aria-label`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) -attribute to buttons whose labels need a more descriptive label. - -```html -Add -``` - -### Focusable and disabled - -By default, disabled buttons are not focusable with the keyboard, while -"soft-disabled" buttons are. Some use cases encourage focusability of disabled -toolbar items to increase their discoverability. - -See the -[ARIA guidelines on focusability of disabled controls](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls) -for guidance on when this is recommended. - -```html -
- Copy - Cut - - Paste -
-``` - -## Elevated button - - - -[Elevated buttons](https://m3.material.io/components/buttons/guidelines#4e89da4d-a8fa-4e20-bb8d-b8a93eff3e3e) -are essentially filled tonal buttons with a shadow. To prevent shadow creep, -only use them when absolutely necessary, such as when the button requires visual -separation from a patterned background. - - - -![An elevated button](images/button/usage-elevated-button.webp) - - - - - - - - -```html -Elevated -``` - -## Filled button - - - -[Filled buttons](https://m3.material.io/components/buttons/guidelines#9ecffdb3-ef29-47e7-8d5d-f78b404fcafe) -have the most visual impact after the FAB, and should be used for important, -final actions that complete a flow, like Save, Join now, or Confirm. - - - - - - - - -```html -Filled -``` - -## Filled tonal button - - - -A -[filled tonal button](https://m3.material.io/components/buttons/guidelines#07a1577b-aaf5-4824-a698-03526421058b) -is an alternative middle ground between filled and outlined buttons. They're -useful in contexts where a lower-priority button requires slightly more emphasis -than an outline would give, such as "Next" in an onboarding flow. - - - -![A filled tonal button](images/button/usage-filled-tonal-button.webp) - - - - - - - - -```html -Tonal -``` - -## Outlined button - - - -[Outlined buttons](https://m3.material.io/components/buttons/guidelines#3742b09f-c224-43e0-a83e-541bd29d0f05) -are medium-emphasis buttons. They contain actions that are important, but aren’t -the primary action in an app. - - - -![An outlined button](images/button/usage-outlined-button.webp) - - - - - - - - -```html -Outlined -``` - -## Text button - - - -[Text buttons](https://m3.material.io/components/buttons/guidelines#c9bcbc0b-ee05-45ad-8e80-e814ae919fbb) -are used for the lowest priority actions, especially when presenting multiple -options. - - - -![A text button](images/button/usage-text-button.webp) - - - - - - - - -```html -Text -``` - -## Theming - -Button supports [Material theming](../theming/README.md) and can be customized -in terms of color, typography, and shape. - -### Elevated button tokens - -Token | Default value ---------------------------------------- | ------------------------------------- -`--md-elevated-button-container-color` | `--md-sys-color-surface` -`--md-elevated-button-container-shape` | `--md-sys-shape-corner-full` -`--md-elevated-button-label-text-color` | `--md-sys-color-on-surface` -`--md-elevated-button-label-text-font` | `--md-sys-typescale-label-large-font` - -* [All tokens](https://github.com/material-components/material-web/blob/main/tokens/_md-comp-elevated-button.scss) - - -### Elevated button example - - - -![Image of an elevated button with a different theme applied](images/button/theming-elevated-button.webp "Elevated button theming example.") - - - - - - - - -```html - - -Elevated -``` - -### Filled button tokens - -Token | Default value -------------------------------------- | ------------------------------------- -`--md-filled-button-container-color` | `--md-sys-color-primary` -`--md-filled-button-container-shape` | `--md-sys-shape-corner-full` -`--md-filled-button-label-text-color` | `--md-sys-color-on-primary` -`--md-filled-button-label-text-font` | `--md-sys-typescale-label-large-font` - -* [All tokens](https://github.com/material-components/material-web/blob/main/tokens/_md-comp-filled-button.scss) - - -### Filled button example - - - -![Image of a filled button with a different theme applied](images/button/theming-filled-button.webp "Filled button theming example.") - - - - - - - - -```html - - -Filled -``` - -### Filled tonal button tokens - -Token | Default value -------------------------------------------- | ------------- -`--md-filled-tonal-button-container-color` | `--md-sys-color-secondary-container` -`--md-filled-tonal-button-container-shape` | `--md-sys-shape-corner-full` -`--md-filled-tonal-button-label-text-color` | `--md-sys-color-on-secondary-container` -`--md-filled-tonal-button-label-text-font` | `--md-sys-typescale-label-large-font` - -* [All tokens](https://github.com/material-components/material-web/blob/main/tokens/_md-comp-filled-tonal-button.scss) - - -### Filled tonal button example - - - -![Image of a filled tonal button with a different theme applied](images/button/theming-filled-tonal-button.webp "Filled tonal button theming example.") - - - - - - - - -```html - - -Tonal -``` - -### Outlined button tokens - -Token | Default value ---------------------------------------- | ------------------------------------- -`--md-outlined-button-outline-color` | `--md-sys-color-outline` -`--md-outlined-button-container-shape` | `--md-sys-shape-corner-full` -`--md-outlined-button-label-text-color` | `--md-sys-color-primary` -`--md-outlined-button-label-text-font` | `--md-sys-typescale-label-large-font` - -* [All tokens](https://github.com/material-components/material-web/blob/main/tokens/_md-comp-outlined-button.scss) - - -### Outlined button example - - - -![Image of an outlined button with a different theme applied](images/button/theming-outlined-button.webp "Outlined button theming example.") - - - - - - - - -```html - - -Outlined -``` - -### Text button tokens - -Token | Default value ------------------------------------ | ------------------------------------- -`--md-text-button-label-text-color` | `--md-sys-color-primary` -`--md-text-button-label-text-font` | `--md-sys-typescale-label-large-font` - -* [All tokens](https://github.com/material-components/material-web/blob/main/tokens/_md-comp-text-button.scss) - - -### Text button example - - - -![Image of a text button with a different theme applied](images/button/theming-text-button.webp "Text button theming example.") - - - - - - - - -```html - - -Text -``` - - - -## API - - -### MdElevatedButton <md-elevated-button> - -#### Properties - - - -| Property | Attribute | Type | Default | Description | -| --- | --- | --- | --- | --- | -| `disabled` | `disabled` | `boolean` | `false` | Whether or not the button is disabled. | -| `softDisabled` | `soft-disabled` | `boolean` | `false` | Whether or not the button is "soft-disabled" (disabled but still focusable).
Use this when a button needs increased visibility when disabled. See https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls for more guidance on when this is needed. | -| `href` | `href` | `string` | `''` | The URL that the link button points to. | -| `target` | `target` | `string` | `''` | Where to display the linked `href` URL for a link button. Common options include `_blank` to open in a new tab. | -| `trailingIcon` | `trailing-icon` | `boolean` | `false` | Whether to render the icon at the inline end of the label rather than the inline start.
_Note:_ Link buttons cannot have trailing icons. | -| `hasIcon` | `has-icon` | `boolean` | `false` | Whether to display the icon or not. | -| `type` | `type` | `string` | `'submit'` | The default behavior of the button. May be "button", "reset", or "submit" (default). | -| `value` | `value` | `string` | `''` | The value added to a form with the button's name when the button submits a form. | -| `name` | | `string` | `undefined` | | -| `form` | | `HTMLFormElement` | `undefined` | | - - - -### MdFilledButton <md-filled-button> - -#### Properties - - - -| Property | Attribute | Type | Default | Description | -| --- | --- | --- | --- | --- | -| `disabled` | `disabled` | `boolean` | `false` | Whether or not the button is disabled. | -| `softDisabled` | `soft-disabled` | `boolean` | `false` | Whether or not the button is "soft-disabled" (disabled but still focusable).
Use this when a button needs increased visibility when disabled. See https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls for more guidance on when this is needed. | -| `href` | `href` | `string` | `''` | The URL that the link button points to. | -| `target` | `target` | `string` | `''` | Where to display the linked `href` URL for a link button. Common options include `_blank` to open in a new tab. | -| `trailingIcon` | `trailing-icon` | `boolean` | `false` | Whether to render the icon at the inline end of the label rather than the inline start.
_Note:_ Link buttons cannot have trailing icons. | -| `hasIcon` | `has-icon` | `boolean` | `false` | Whether to display the icon or not. | -| `type` | `type` | `string` | `'submit'` | The default behavior of the button. May be "button", "reset", or "submit" (default). | -| `value` | `value` | `string` | `''` | The value added to a form with the button's name when the button submits a form. | -| `name` | | `string` | `undefined` | | -| `form` | | `HTMLFormElement` | `undefined` | | - - - -### MdFilledTonalButton <md-filled-tonal-button> - -#### Properties - - - -| Property | Attribute | Type | Default | Description | -| --- | --- | --- | --- | --- | -| `disabled` | `disabled` | `boolean` | `false` | Whether or not the button is disabled. | -| `softDisabled` | `soft-disabled` | `boolean` | `false` | Whether or not the button is "soft-disabled" (disabled but still focusable).
Use this when a button needs increased visibility when disabled. See https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls for more guidance on when this is needed. | -| `href` | `href` | `string` | `''` | The URL that the link button points to. | -| `target` | `target` | `string` | `''` | Where to display the linked `href` URL for a link button. Common options include `_blank` to open in a new tab. | -| `trailingIcon` | `trailing-icon` | `boolean` | `false` | Whether to render the icon at the inline end of the label rather than the inline start.
_Note:_ Link buttons cannot have trailing icons. | -| `hasIcon` | `has-icon` | `boolean` | `false` | Whether to display the icon or not. | -| `type` | `type` | `string` | `'submit'` | The default behavior of the button. May be "button", "reset", or "submit" (default). | -| `value` | `value` | `string` | `''` | The value added to a form with the button's name when the button submits a form. | -| `name` | | `string` | `undefined` | | -| `form` | | `HTMLFormElement` | `undefined` | | - - - -### MdOutlinedButton <md-outlined-button> - -#### Properties - - - -| Property | Attribute | Type | Default | Description | -| --- | --- | --- | --- | --- | -| `disabled` | `disabled` | `boolean` | `false` | Whether or not the button is disabled. | -| `softDisabled` | `soft-disabled` | `boolean` | `false` | Whether or not the button is "soft-disabled" (disabled but still focusable).
Use this when a button needs increased visibility when disabled. See https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls for more guidance on when this is needed. | -| `href` | `href` | `string` | `''` | The URL that the link button points to. | -| `target` | `target` | `string` | `''` | Where to display the linked `href` URL for a link button. Common options include `_blank` to open in a new tab. | -| `trailingIcon` | `trailing-icon` | `boolean` | `false` | Whether to render the icon at the inline end of the label rather than the inline start.
_Note:_ Link buttons cannot have trailing icons. | -| `hasIcon` | `has-icon` | `boolean` | `false` | Whether to display the icon or not. | -| `type` | `type` | `string` | `'submit'` | The default behavior of the button. May be "button", "reset", or "submit" (default). | -| `value` | `value` | `string` | `''` | The value added to a form with the button's name when the button submits a form. | -| `name` | | `string` | `undefined` | | -| `form` | | `HTMLFormElement` | `undefined` | | - - - -### MdTextButton <md-text-button> - -#### Properties - - - -| Property | Attribute | Type | Default | Description | -| --- | --- | --- | --- | --- | -| `disabled` | `disabled` | `boolean` | `false` | Whether or not the button is disabled. | -| `softDisabled` | `soft-disabled` | `boolean` | `false` | Whether or not the button is "soft-disabled" (disabled but still focusable).
Use this when a button needs increased visibility when disabled. See https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls for more guidance on when this is needed. | -| `href` | `href` | `string` | `''` | The URL that the link button points to. | -| `target` | `target` | `string` | `''` | Where to display the linked `href` URL for a link button. Common options include `_blank` to open in a new tab. | -| `trailingIcon` | `trailing-icon` | `boolean` | `false` | Whether to render the icon at the inline end of the label rather than the inline start.
_Note:_ Link buttons cannot have trailing icons. | -| `hasIcon` | `has-icon` | `boolean` | `false` | Whether to display the icon or not. | -| `type` | `type` | `string` | `'submit'` | The default behavior of the button. May be "button", "reset", or "submit" (default). | -| `value` | `value` | `string` | `''` | The value added to a form with the button's name when the button submits a form. | -| `name` | | `string` | `undefined` | | -| `form` | | `HTMLFormElement` | `undefined` | | - - - - diff --git a/components-wiki/checkbox.md b/components-wiki/checkbox.md deleted file mode 100644 index 4bc35ae..0000000 --- a/components-wiki/checkbox.md +++ /dev/null @@ -1,210 +0,0 @@ - - - - - -# Checkbox - - - - - - - - - - -**This documentation is fully rendered on the -[Material Web catalog](https://material-web.dev/components/checkbox/).** - - - - -[Checkboxes](https://m3.material.io/components/checkbox) allow users -to select one or more items from a set. Checkboxes can turn an option on or off. - -There's one type of checkbox in Material. Use this selection control when the -user needs to select one or more options from a list. - - - -A list of burger additions represented with checkboxes - - - -* [Design article](https://m3.material.io/components/checkbox) -* [API Documentation](#api) -* [Source code](https://github.com/material-components/material-web/tree/main/checkbox) - - - - - - - - -## Usage - -Checkboxes may be standalone, pre-checked, or indeterminate. - - - -![Three checkboxes in a row that are unselected, selected, and indeterminate](images/checkbox/usage.webp "Unselected, selected, and indeterminate checkboxes.") - - - - -```html - - - -``` - -### Label - -Associate a label with a checkbox using the `