From 130756410fa5604f33f0e7bcdeba9c24e95f47d4 Mon Sep 17 00:00:00 2001 From: ShaneK Date: Thu, 4 Dec 2025 11:06:36 -0800 Subject: [PATCH 01/43] chore: version the docs for ionic 9 --- docs/api/accordion-group.md | 12 +- docs/api/accordion.md | 38 +- docs/api/action-sheet.md | 24 +- docs/api/alert.md | 26 +- docs/api/app.md | 14 +- docs/api/avatar.md | 20 +- docs/api/back-button.md | 16 +- docs/api/backdrop.md | 16 +- docs/api/badge.md | 20 +- docs/api/breadcrumb.md | 12 +- docs/api/breadcrumbs.md | 30 +- docs/api/button.md | 30 +- docs/api/buttons.md | 20 +- docs/api/card-content.md | 12 +- docs/api/card-header.md | 12 +- docs/api/card-subtitle.md | 12 +- docs/api/card-title.md | 12 +- docs/api/card.md | 24 +- docs/api/checkbox.md | 28 +- docs/api/chip.md | 20 +- docs/api/col.md | 12 +- docs/api/content.md | 32 +- docs/api/datetime-button.md | 16 +- docs/api/datetime.md | 64 +- docs/api/fab-button.md | 12 +- docs/api/fab-list.md | 12 +- docs/api/fab.md | 30 +- docs/api/footer.md | 22 +- docs/api/grid.md | 40 +- docs/api/header.md | 24 +- docs/api/icon.md | 2 +- docs/api/img.md | 14 +- docs/api/infinite-scroll-content.md | 12 +- docs/api/infinite-scroll.md | 18 +- docs/api/input-otp.md | 32 +- docs/api/input-password-toggle.md | 14 +- docs/api/input.md | 42 +- docs/api/item-divider.md | 18 +- docs/api/item-group.md | 16 +- docs/api/item-option.md | 12 +- docs/api/item-options.md | 12 +- docs/api/item-sliding.md | 18 +- docs/api/item.md | 40 +- docs/api/label.md | 18 +- docs/api/list-header.md | 22 +- docs/api/list.md | 18 +- docs/api/loading.md | 20 +- docs/api/menu-button.md | 12 +- docs/api/menu-toggle.md | 12 +- docs/api/menu.md | 24 +- docs/api/modal.md | 46 +- docs/api/nav-link.md | 12 +- docs/api/nav.md | 16 +- docs/api/note.md | 20 +- docs/api/picker-column-option.md | 12 +- docs/api/picker-column.md | 12 +- docs/api/picker-legacy.md | 20 +- docs/api/picker.md | 20 +- docs/api/popover.md | 28 +- docs/api/progress-bar.md | 26 +- docs/api/radio-group.md | 12 +- docs/api/radio.md | 34 +- docs/api/range.md | 34 +- docs/api/refresher-content.md | 12 +- docs/api/refresher.md | 22 +- docs/api/reorder-group.md | 12 +- docs/api/reorder.md | 28 +- docs/api/ripple-effect.md | 18 +- docs/api/route-redirect.md | 12 +- docs/api/route.md | 12 +- docs/api/router-link.md | 12 +- docs/api/router-outlet.md | 12 +- docs/api/router.md | 14 +- docs/api/row.md | 12 +- docs/api/searchbar.md | 28 +- docs/api/segment-button.md | 20 +- docs/api/segment-content.md | 14 +- docs/api/segment-view.md | 12 +- docs/api/segment.md | 24 +- docs/api/select-option.md | 12 +- docs/api/select.md | 56 +- docs/api/skeleton-text.md | 16 +- docs/api/spinner.md | 20 +- docs/api/split-pane.md | 16 +- docs/api/tab-bar.md | 14 +- docs/api/tab-button.md | 12 +- docs/api/tab.md | 12 +- docs/api/tabs.md | 18 +- docs/api/text.md | 14 +- docs/api/textarea.md | 34 +- docs/api/thumbnail.md | 18 +- docs/api/title.md | 20 +- docs/api/toast.md | 30 +- docs/api/toggle.md | 32 +- docs/api/toolbar.md | 26 +- docs/developing/config.md | 2 +- docs/developing/keyboard.md | 4 +- docs/developing/managing-focus.md | 2 +- docs/layout/dynamic-font-scaling.md | 2 +- docs/layout/structure.md | 10 +- docs/theming/dark-mode.md | 6 +- docs/theming/high-contrast-mode.md | 6 +- docs/updating/9-0.md | 67 + docs/utilities/animations.md | 16 +- docs/utilities/gestures.md | 4 +- docusaurus.config.js | 6 +- package-lock.json | 46 +- scripts/cli.mjs | 1 + scripts/native.mjs | 1 + sidebars.js | 2 +- static/code/stackblitz/README.md | 7 +- .../code/stackblitz/v9/angular/angular.json | 133 + .../stackblitz/v9/angular/app.component.css | 0 .../stackblitz/v9/angular/app.component.html | 3 + .../stackblitz/v9/angular/app.component.ts | 13 + .../v9/angular/app.component.withContent.html | 5 + .../v9/angular/app.component.withContent.ts | 13 + .../code/stackblitz/v9/angular/app.routes.ts | 13 + .../v9/angular/example.component.ts | 8 + static/code/stackblitz/v9/angular/global.css | 0 static/code/stackblitz/v9/angular/index.html | 15 + static/code/stackblitz/v9/angular/main.ts | 14 + .../stackblitz/v9/angular/package-lock.json | 13813 ++++++++++++++++ .../code/stackblitz/v9/angular/package.json | 32 + static/code/stackblitz/v9/angular/styles.css | 37 + .../stackblitz/v9/angular/tsconfig.app.json | 9 + .../code/stackblitz/v9/angular/tsconfig.json | 30 + .../code/stackblitz/v9/angular/variables.css | 0 static/code/stackblitz/v9/html/index.html | 19 + static/code/stackblitz/v9/html/index.ts | 43 + .../stackblitz/v9/html/index.withContent.html | 21 + .../code/stackblitz/v9/html/package-lock.json | 1461 ++ static/code/stackblitz/v9/html/package.json | 20 + static/code/stackblitz/v9/html/tsconfig.json | 19 + static/code/stackblitz/v9/html/variables.css | 0 static/code/stackblitz/v9/html/vite.config.ts | 18 + static/code/stackblitz/v9/react/app.tsx | 44 + .../stackblitz/v9/react/app.withContent.tsx | 46 + .../code/stackblitz/v9/react/browserslistrc | 6 + static/code/stackblitz/v9/react/eslintrc.js | 17 + static/code/stackblitz/v9/react/index.html | 26 + static/code/stackblitz/v9/react/index.tsx | 12 + .../stackblitz/v9/react/package-lock.json | 2062 +++ static/code/stackblitz/v9/react/package.json | 27 + static/code/stackblitz/v9/react/tsconfig.json | 20 + static/code/stackblitz/v9/react/variables.css | 0 .../code/stackblitz/v9/react/vite.config.js | 8 + static/code/stackblitz/v9/vue/App.vue | 10 + .../stackblitz/v9/vue/App.withContent.vue | 12 + static/code/stackblitz/v9/vue/index.html | 16 + static/code/stackblitz/v9/vue/main.ts | 36 + .../code/stackblitz/v9/vue/package-lock.json | 1626 ++ static/code/stackblitz/v9/vue/package.json | 22 + static/code/stackblitz/v9/vue/tsconfig.json | 18 + .../code/stackblitz/v9/vue/tsconfig.node.json | 8 + static/code/stackblitz/v9/vue/variables.css | 0 static/code/stackblitz/v9/vue/vite.config.ts | 7 + .../angular/example_component_html.md | 22 + .../angular/example_component_ts.md | 12 + .../accessibility/animations/demo.html | 47 + .../accessibility/animations/index.md | 24 + .../accessibility/animations/javascript.md | 22 + .../accessibility/animations/react.md | 35 + .../accordion/accessibility/animations/vue.md | 28 + .../basic/angular/example_component_html.md | 22 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/accordion/basic/demo.html | 47 + static/usage/v9/accordion/basic/index.md | 25 + static/usage/v9/accordion/basic/javascript.md | 22 + static/usage/v9/accordion/basic/react.md | 35 + static/usage/v9/accordion/basic/vue.md | 28 + .../angular/example_component_css.md | 24 + .../angular/example_component_html.md | 22 + .../angular/example_component_ts.md | 12 + .../advanced-expansion-styles/demo.html | 69 + .../advanced-expansion-styles/index.md | 35 + .../advanced-expansion-styles/javascript.md | 47 + .../react/main_css.md | 24 + .../react/main_tsx.md | 38 + .../advanced-expansion-styles/vue.md | 53 + .../angular/example_component_html.md | 22 + .../angular/example_component_ts.md | 12 + .../customization/expansion-styles/demo.html | 47 + .../customization/expansion-styles/index.md | 25 + .../expansion-styles/javascript.md | 22 + .../customization/expansion-styles/react.md | 35 + .../customization/expansion-styles/vue.md | 28 + .../icons/angular/example_component_html.md | 22 + .../icons/angular/example_component_ts.md | 23 + .../accordion/customization/icons/demo.html | 47 + .../v9/accordion/customization/icons/index.md | 25 + .../customization/icons/javascript.md | 22 + .../v9/accordion/customization/icons/react.md | 37 + .../v9/accordion/customization/icons/vue.md | 29 + .../theming/angular/example_component_html.md | 22 + .../theming/angular/example_component_ts.md | 12 + .../theming/angular/global_css.md | 23 + .../accordion/customization/theming/demo.html | 68 + .../accordion/customization/theming/index.md | 35 + .../customization/theming/javascript.md | 46 + .../customization/theming/react/main_css.md | 23 + .../customization/theming/react/main_tsx.md | 38 + .../v9/accordion/customization/theming/vue.md | 53 + .../group/angular/example_component_html.md | 22 + .../group/angular/example_component_ts.md | 12 + .../v9/accordion/disable/group/demo.html | 47 + .../usage/v9/accordion/disable/group/index.md | 24 + .../v9/accordion/disable/group/javascript.md | 22 + .../usage/v9/accordion/disable/group/react.md | 35 + .../usage/v9/accordion/disable/group/vue.md | 28 + .../angular/example_component_html.md | 22 + .../angular/example_component_ts.md | 12 + .../v9/accordion/disable/individual/demo.html | 47 + .../v9/accordion/disable/individual/index.md | 25 + .../disable/individual/javascript.md | 22 + .../v9/accordion/disable/individual/react.md | 35 + .../v9/accordion/disable/individual/vue.md | 28 + .../angular/example_component_html.md | 22 + .../angular/example_component_ts.md | 23 + .../v9/accordion/listen-changes/demo.html | 63 + .../v9/accordion/listen-changes/index.md | 26 + .../v9/accordion/listen-changes/javascript.md | 36 + .../v9/accordion/listen-changes/react.md | 45 + .../usage/v9/accordion/listen-changes/vue.md | 38 + .../angular/example_component_html.md | 22 + .../multiple/angular/example_component_ts.md | 12 + static/usage/v9/accordion/multiple/demo.html | 52 + static/usage/v9/accordion/multiple/index.md | 25 + .../usage/v9/accordion/multiple/javascript.md | 27 + static/usage/v9/accordion/multiple/react.md | 45 + static/usage/v9/accordion/multiple/vue.md | 28 + .../group/angular/example_component_html.md | 22 + .../group/angular/example_component_ts.md | 12 + .../v9/accordion/readonly/group/demo.html | 47 + .../v9/accordion/readonly/group/index.md | 25 + .../v9/accordion/readonly/group/javascript.md | 22 + .../v9/accordion/readonly/group/react.md | 35 + .../usage/v9/accordion/readonly/group/vue.md | 28 + .../angular/example_component_html.md | 22 + .../angular/example_component_ts.md | 12 + .../accordion/readonly/individual/demo.html | 47 + .../v9/accordion/readonly/individual/index.md | 24 + .../readonly/individual/javascript.md | 22 + .../v9/accordion/readonly/individual/react.md | 35 + .../v9/accordion/readonly/individual/vue.md | 28 + .../toggle/angular/example_component_html.md | 24 + .../toggle/angular/example_component_ts.md | 23 + static/usage/v9/accordion/toggle/demo.html | 65 + static/usage/v9/accordion/toggle/index.md | 25 + .../usage/v9/accordion/toggle/javascript.md | 35 + static/usage/v9/accordion/toggle/react.md | 51 + static/usage/v9/accordion/toggle/vue.md | 46 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 44 + .../v9/action-sheet/controller/demo.html | 53 + .../usage/v9/action-sheet/controller/index.md | 27 + .../v9/action-sheet/controller/javascript.md | 35 + .../usage/v9/action-sheet/controller/react.md | 43 + .../usage/v9/action-sheet/controller/vue.md | 39 + .../isOpen/angular/example_component_html.md | 9 + .../isOpen/angular/example_component_ts.md | 40 + .../v9/action-sheet/inline/isOpen/demo.html | 53 + .../v9/action-sheet/inline/isOpen/index.md | 27 + .../action-sheet/inline/isOpen/javascript.md | 35 + .../v9/action-sheet/inline/isOpen/react.md | 42 + .../v9/action-sheet/inline/isOpen/vue.md | 44 + .../trigger/angular/example_component_html.md | 4 + .../trigger/angular/example_component_ts.md | 35 + .../v9/action-sheet/inline/trigger/demo.html | 49 + .../v9/action-sheet/inline/trigger/index.md | 27 + .../action-sheet/inline/trigger/javascript.md | 31 + .../v9/action-sheet/inline/trigger/react.md | 39 + .../v9/action-sheet/inline/trigger/vue.md | 33 + .../angular/example_component_css.md | 9 + .../angular/example_component_html.md | 12 + .../angular/example_component_ts.md | 42 + .../role-info-on-dismiss/demo.html | 63 + .../role-info-on-dismiss/index.md | 36 + .../role-info-on-dismiss/javascript.md | 51 + .../role-info-on-dismiss/react/main_css.md | 9 + .../role-info-on-dismiss/react/main_tsx.md | 48 + .../action-sheet/role-info-on-dismiss/vue.md | 55 + .../angular/example_component_html.md | 10 + .../angular/example_component_ts.md | 37 + .../css-properties/angular/global_css.md | 12 + .../theming/css-properties/demo.html | 66 + .../theming/css-properties/index.md | 35 + .../theming/css-properties/javascript.md | 48 + .../theming/css-properties/react/main_css.md | 11 + .../theming/css-properties/react/main_tsx.md | 43 + .../theming/css-properties/vue.md | 51 + .../styling/angular/example_component_html.md | 10 + .../styling/angular/example_component_ts.md | 37 + .../theming/styling/angular/global_css.md | 29 + .../v9/action-sheet/theming/styling/demo.html | 83 + .../v9/action-sheet/theming/styling/index.md | 35 + .../theming/styling/javascript.md | 65 + .../theming/styling/react/main_css.md | 28 + .../theming/styling/react/main_tsx.md | 43 + .../v9/action-sheet/theming/styling/vue.md | 68 + .../buttons/angular/example_component_html.md | 9 + .../buttons/angular/example_component_ts.md | 34 + static/usage/v9/alert/buttons/demo.html | 48 + static/usage/v9/alert/buttons/index.md | 26 + static/usage/v9/alert/buttons/javascript.md | 29 + static/usage/v9/alert/buttons/react.md | 34 + static/usage/v9/alert/buttons/vue.md | 36 + .../angular/example_component_html.md | 4 + .../angular/example_component_ts.md | 23 + .../alert/customization/angular/global_css.md | 33 + static/usage/v9/alert/customization/demo.html | 72 + static/usage/v9/alert/customization/index.md | 34 + .../v9/alert/customization/javascript.md | 53 + .../v9/alert/customization/react/main_css.md | 33 + .../v9/alert/customization/react/main_tsx.md | 30 + static/usage/v9/alert/customization/vue.md | 55 + .../radios/angular/example_component_html.md | 9 + .../radios/angular/example_component_ts.md | 31 + static/usage/v9/alert/inputs/radios/demo.html | 46 + static/usage/v9/alert/inputs/radios/index.md | 25 + .../v9/alert/inputs/radios/javascript.md | 27 + static/usage/v9/alert/inputs/radios/react.md | 35 + static/usage/v9/alert/inputs/radios/vue.md | 34 + .../angular/example_component_html.md | 9 + .../angular/example_component_ts.md | 35 + .../v9/alert/inputs/text-inputs/demo.html | 50 + .../v9/alert/inputs/text-inputs/index.md | 25 + .../v9/alert/inputs/text-inputs/javascript.md | 31 + .../v9/alert/inputs/text-inputs/react.md | 39 + .../usage/v9/alert/inputs/text-inputs/vue.md | 38 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 25 + .../v9/alert/presenting/controller/demo.html | 35 + .../v9/alert/presenting/controller/index.md | 25 + .../alert/presenting/controller/javascript.md | 16 + .../v9/alert/presenting/controller/react.md | 24 + .../v9/alert/presenting/controller/vue.md | 20 + .../isOpen/angular/example_component_html.md | 11 + .../isOpen/angular/example_component_ts.md | 19 + .../v9/alert/presenting/isOpen/demo.html | 36 + .../usage/v9/alert/presenting/isOpen/index.md | 25 + .../v9/alert/presenting/isOpen/javascript.md | 17 + .../usage/v9/alert/presenting/isOpen/react.md | 23 + .../usage/v9/alert/presenting/isOpen/vue.md | 25 + .../trigger/angular/example_component_html.md | 10 + .../trigger/angular/example_component_ts.md | 14 + .../v9/alert/presenting/trigger/demo.html | 33 + .../v9/alert/presenting/trigger/index.md | 25 + .../v9/alert/presenting/trigger/javascript.md | 14 + .../v9/alert/presenting/trigger/react.md | 20 + .../usage/v9/alert/presenting/trigger/vue.md | 18 + .../basic/angular/example_component_html.md | 9 + .../basic/angular/example_component_ts.md | 42 + static/usage/v9/animations/basic/demo.html | 59 + static/usage/v9/animations/basic/index.md | 25 + .../usage/v9/animations/basic/javascript.md | 18 + static/usage/v9/animations/basic/react.md | 45 + static/usage/v9/animations/basic/vue.md | 34 + .../angular/example_component_html.md | 9 + .../angular/example_component_ts.md | 61 + .../before-and-after-hooks/demo.html | 74 + .../before-and-after-hooks/index.md | 25 + .../before-and-after-hooks/javascript.md | 28 + .../before-and-after-hooks/react.md | 61 + .../animations/before-and-after-hooks/vue.md | 50 + .../chain/angular/example_component_html.md | 17 + .../chain/angular/example_component_ts.md | 86 + static/usage/v9/animations/chain/demo.html | 96 + static/usage/v9/animations/chain/index.md | 25 + .../usage/v9/animations/chain/javascript.md | 67 + static/usage/v9/animations/chain/react.md | 89 + static/usage/v9/animations/chain/vue.md | 81 + .../gesture/angular/example_component_css.md | 17 + .../gesture/angular/example_component_html.md | 11 + .../gesture/angular/example_component_ts.md | 83 + static/usage/v9/animations/gesture/demo.html | 113 + static/usage/v9/animations/gesture/index.md | 35 + .../usage/v9/animations/gesture/javascript.md | 98 + .../v9/animations/gesture/react/main_css.md | 17 + .../v9/animations/gesture/react/main_tsx.md | 92 + static/usage/v9/animations/gesture/vue.md | 102 + .../group/angular/example_component_html.md | 17 + .../group/angular/example_component_ts.md | 69 + static/usage/v9/animations/group/demo.html | 87 + static/usage/v9/animations/group/index.md | 25 + .../usage/v9/animations/group/javascript.md | 46 + static/usage/v9/animations/group/react.md | 75 + static/usage/v9/animations/group/vue.md | 64 + .../angular/example_component_html.md | 8 + .../keyframes/angular/example_component_ts.md | 45 + .../usage/v9/animations/keyframes/demo.html | 61 + static/usage/v9/animations/keyframes/index.md | 25 + .../v9/animations/keyframes/javascript.md | 20 + static/usage/v9/animations/keyframes/react.md | 47 + static/usage/v9/animations/keyframes/vue.md | 43 + .../angular/example_component_html.md | 23 + .../angular/example_component_ts.md | 66 + .../v9/animations/modal-override/demo.html | 78 + .../v9/animations/modal-override/index.md | 26 + .../animations/modal-override/javascript.md | 57 + .../v9/animations/modal-override/react.md | 71 + .../usage/v9/animations/modal-override/vue.md | 68 + .../angular/example_component_css.md | 16 + .../angular/example_component_html.md | 9 + .../angular/example_component_ts.md | 42 + .../v9/animations/preference-based/demo.html | 71 + .../v9/animations/preference-based/index.md | 35 + .../animations/preference-based/javascript.md | 35 + .../preference-based/react/main_css.md | 16 + .../preference-based/react/main_tsx.md | 47 + .../v9/animations/preference-based/vue.md | 51 + .../angular/example_component_html.md | 12 + .../set-focus/angular/example_component_ts.md | 21 + static/usage/v9/app/set-focus/demo.html | 49 + static/usage/v9/app/set-focus/index.md | 25 + static/usage/v9/app/set-focus/javascript.md | 23 + static/usage/v9/app/set-focus/react.md | 35 + static/usage/v9/app/set-focus/vue.md | 27 + .../basic/angular/example_component_html.md | 5 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/avatar/basic/demo.html | 24 + static/usage/v9/avatar/basic/index.md | 24 + static/usage/v9/avatar/basic/javascript.md | 5 + static/usage/v9/avatar/basic/react.md | 15 + static/usage/v9/avatar/basic/vue.md | 11 + .../chip/angular/example_component_html.md | 8 + .../chip/angular/example_component_ts.md | 12 + static/usage/v9/avatar/chip/demo.html | 27 + static/usage/v9/avatar/chip/index.md | 24 + static/usage/v9/avatar/chip/javascript.md | 8 + static/usage/v9/avatar/chip/react.md | 17 + static/usage/v9/avatar/chip/vue.md | 14 + .../item/angular/example_component_html.md | 8 + .../item/angular/example_component_ts.md | 12 + static/usage/v9/avatar/item/demo.html | 27 + static/usage/v9/avatar/item/index.md | 24 + static/usage/v9/avatar/item/javascript.md | 8 + static/usage/v9/avatar/item/react.md | 17 + static/usage/v9/avatar/item/vue.md | 14 + .../angular/example_component_css.md | 5 + .../angular/example_component_html.md | 5 + .../angular/example_component_ts.md | 12 + .../avatar/theming/css-properties/demo.html | 30 + .../v9/avatar/theming/css-properties/index.md | 35 + .../theming/css-properties/javascript.md | 11 + .../theming/css-properties/react/main_css.md | 5 + .../theming/css-properties/react/main_tsx.md | 17 + .../v9/avatar/theming/css-properties/vue.md | 17 + .../basic/angular/example_component_html.md | 3 + .../basic/angular/example_component_ts.md | 16 + .../basic/angular/page_one_component_ts.md | 28 + .../basic/angular/page_two_component_ts.md | 24 + static/usage/v9/back-button/basic/demo.html | 61 + static/usage/v9/back-button/basic/index.md | 48 + .../usage/v9/back-button/basic/javascript.md | 48 + .../v9/back-button/basic/react/main_tsx.md | 11 + .../back-button/basic/react/page_one_tsx.md | 27 + .../back-button/basic/react/page_two_tsx.md | 25 + .../v9/back-button/basic/vue/example_vue.md | 12 + .../v9/back-button/basic/vue/page_one_vue.md | 23 + .../v9/back-button/basic/vue/page_two_vue.md | 20 + .../custom/angular/example_component_html.md | 3 + .../custom/angular/example_component_ts.md | 16 + .../custom/angular/page_one_component_ts.md | 28 + .../custom/angular/page_two_component_ts.md | 36 + static/usage/v9/back-button/custom/demo.html | 61 + static/usage/v9/back-button/custom/index.md | 48 + .../usage/v9/back-button/custom/javascript.md | 48 + .../v9/back-button/custom/react/main_tsx.md | 11 + .../back-button/custom/react/page_one_tsx.md | 27 + .../back-button/custom/react/page_two_tsx.md | 26 + .../v9/back-button/custom/vue/example_vue.md | 12 + .../v9/back-button/custom/vue/page_one_vue.md | 23 + .../v9/back-button/custom/vue/page_two_vue.md | 21 + .../basic/angular/example_component_css.md | 6 + .../basic/angular/example_component_html.md | 16 + .../basic/angular/example_component_ts.md | 21 + static/usage/v9/backdrop/basic/demo.html | 38 + static/usage/v9/backdrop/basic/index.md | 35 + static/usage/v9/backdrop/basic/javascript.md | 23 + .../usage/v9/backdrop/basic/react/main_css.md | 6 + .../usage/v9/backdrop/basic/react/main_tsx.md | 37 + static/usage/v9/backdrop/basic/vue.md | 37 + .../styling/angular/example_component_css.md | 21 + .../styling/angular/example_component_html.md | 21 + .../styling/angular/example_component_ts.md | 20 + static/usage/v9/backdrop/styling/demo.html | 57 + static/usage/v9/backdrop/styling/index.md | 35 + .../usage/v9/backdrop/styling/javascript.md | 43 + .../v9/backdrop/styling/react/main_css.md | 21 + .../v9/backdrop/styling/react/main_tsx.md | 35 + static/usage/v9/backdrop/styling/vue.md | 48 + .../basic/angular/example_component_html.md | 12 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/badge/basic/demo.html | 37 + static/usage/v9/badge/basic/index.md | 24 + static/usage/v9/badge/basic/javascript.md | 12 + static/usage/v9/badge/basic/react.md | 19 + static/usage/v9/badge/basic/vue.md | 18 + .../angular/example_component_html.md | 20 + .../angular/example_component_ts.md | 23 + .../usage/v9/badge/inside-tab-bar/demo.html | 45 + static/usage/v9/badge/inside-tab-bar/index.md | 24 + .../v9/badge/inside-tab-bar/javascript.md | 20 + static/usage/v9/badge/inside-tab-bar/react.md | 29 + static/usage/v9/badge/inside-tab-bar/vue.md | 27 + .../colors/angular/example_component_html.md | 28 + .../colors/angular/example_component_ts.md | 12 + .../usage/v9/badge/theming/colors/demo.html | 53 + static/usage/v9/badge/theming/colors/index.md | 25 + .../v9/badge/theming/colors/javascript.md | 28 + static/usage/v9/badge/theming/colors/react.md | 35 + static/usage/v9/badge/theming/colors/vue.md | 34 + .../angular/example_component_css.md | 8 + .../angular/example_component_html.md | 8 + .../angular/example_component_ts.md | 12 + .../v9/badge/theming/css-properties/demo.html | 40 + .../v9/badge/theming/css-properties/index.md | 34 + .../theming/css-properties/javascript.md | 17 + .../theming/css-properties/react/main_css.md | 8 + .../theming/css-properties/react/main_tsx.md | 18 + .../v9/badge/theming/css-properties/vue.md | 23 + .../basic/angular/example_component_html.md | 8 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/breadcrumbs/basic/demo.html | 27 + static/usage/v9/breadcrumbs/basic/index.md | 24 + .../usage/v9/breadcrumbs/basic/javascript.md | 8 + static/usage/v9/breadcrumbs/basic/react.md | 15 + static/usage/v9/breadcrumbs/basic/vue.md | 14 + .../angular/example_component_html.md | 10 + .../angular/example_component_ts.md | 18 + .../expand-on-click/demo.html | 37 + .../collapsing-items/expand-on-click/index.md | 24 + .../expand-on-click/javascript.md | 18 + .../collapsing-items/expand-on-click/react.md | 20 + .../collapsing-items/expand-on-click/vue.md | 23 + .../angular/example_component_html.md | 41 + .../angular/example_component_ts.md | 12 + .../items-before-after/demo.html | 66 + .../items-before-after/index.md | 25 + .../items-before-after/javascript.md | 41 + .../items-before-after/react.md | 50 + .../items-before-after/vue.md | 47 + .../angular/example_component_html.md | 10 + .../max-items/angular/example_component_ts.md | 12 + .../collapsing-items/max-items/demo.html | 29 + .../collapsing-items/max-items/index.md | 24 + .../collapsing-items/max-items/javascript.md | 10 + .../collapsing-items/max-items/react.md | 17 + .../collapsing-items/max-items/vue.md | 16 + .../angular/example_component_html.md | 23 + .../angular/example_component_ts.md | 31 + .../popover-on-click/demo.html | 60 + .../popover-on-click/index.md | 25 + .../popover-on-click/javascript.md | 41 + .../popover-on-click/react.md | 41 + .../collapsing-items/popover-on-click/vue.md | 41 + .../angular/example_component_html.md | 20 + .../angular/example_component_ts.md | 24 + .../icons/custom-separators/demo.html | 39 + .../icons/custom-separators/index.md | 31 + .../javascript/index_html.md | 20 + .../custom-separators/javascript/index_ts.md | 46 + .../icons/custom-separators/react.md | 29 + .../icons/custom-separators/vue.md | 27 + .../angular/example_component_html.md | 41 + .../angular/example_component_ts.md | 24 + .../icons/icons-on-items/demo.html | 66 + .../breadcrumbs/icons/icons-on-items/index.md | 32 + .../icons-on-items/javascript/index_html.md | 41 + .../icons-on-items/javascript/index_ts.md | 46 + .../breadcrumbs/icons/icons-on-items/react.md | 52 + .../breadcrumbs/icons/icons-on-items/vue.md | 48 + .../colors/angular/example_component_html.md | 8 + .../colors/angular/example_component_ts.md | 12 + .../v9/breadcrumbs/theming/colors/demo.html | 27 + .../v9/breadcrumbs/theming/colors/index.md | 24 + .../breadcrumbs/theming/colors/javascript.md | 8 + .../v9/breadcrumbs/theming/colors/react.md | 15 + .../v9/breadcrumbs/theming/colors/vue.md | 14 + .../angular/example_component_css.md | 7 + .../angular/example_component_html.md | 8 + .../angular/example_component_ts.md | 12 + .../theming/css-properties/demo.html | 35 + .../theming/css-properties/index.md | 33 + .../theming/css-properties/javascript.md | 16 + .../theming/css-properties/react/main_css.md | 7 + .../theming/css-properties/react/main_tsx.md | 18 + .../breadcrumbs/theming/css-properties/vue.md | 22 + .../basic/angular/example_component_html.md | 3 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/button/basic/demo.html | 23 + static/usage/v9/button/basic/index.md | 24 + static/usage/v9/button/basic/javascript.md | 3 + static/usage/v9/button/basic/react.md | 14 + static/usage/v9/button/basic/vue.md | 10 + .../expand/angular/example_component_html.md | 3 + .../expand/angular/example_component_ts.md | 12 + static/usage/v9/button/expand/demo.html | 30 + static/usage/v9/button/expand/index.md | 24 + static/usage/v9/button/expand/javascript.md | 3 + static/usage/v9/button/expand/react.md | 14 + static/usage/v9/button/expand/vue.md | 10 + .../fill/angular/example_component_html.md | 6 + .../fill/angular/example_component_ts.md | 12 + static/usage/v9/button/fill/demo.html | 25 + static/usage/v9/button/fill/index.md | 24 + static/usage/v9/button/fill/javascript.md | 6 + static/usage/v9/button/fill/react.md | 16 + static/usage/v9/button/fill/vue.md | 12 + .../icons/angular/example_component_html.md | 43 + .../icons/angular/example_component_ts.md | 24 + static/usage/v9/button/icons/demo.html | 70 + static/usage/v9/button/icons/index.md | 31 + .../v9/button/icons/javascript/index_html.md | 43 + .../v9/button/icons/javascript/index_ts.md | 46 + static/usage/v9/button/icons/react.md | 54 + static/usage/v9/button/icons/vue.md | 50 + .../shape/angular/example_component_html.md | 10 + .../shape/angular/example_component_ts.md | 24 + static/usage/v9/button/shape/demo.html | 29 + static/usage/v9/button/shape/index.md | 31 + .../v9/button/shape/javascript/index_html.md | 10 + .../v9/button/shape/javascript/index_ts.md | 46 + static/usage/v9/button/shape/react.md | 21 + static/usage/v9/button/shape/vue.md | 17 + .../size/angular/example_component_html.md | 5 + .../size/angular/example_component_ts.md | 12 + static/usage/v9/button/size/demo.html | 24 + static/usage/v9/button/size/index.md | 24 + static/usage/v9/button/size/javascript.md | 5 + static/usage/v9/button/size/react.md | 15 + static/usage/v9/button/size/vue.md | 11 + .../angular/example_component_html.md | 7 + .../angular/example_component_ts.md | 12 + .../usage/v9/button/text-wrapping/demo.html | 26 + static/usage/v9/button/text-wrapping/index.md | 24 + .../v9/button/text-wrapping/javascript.md | 7 + static/usage/v9/button/text-wrapping/react.md | 16 + static/usage/v9/button/text-wrapping/vue.md | 13 + .../colors/angular/example_component_html.md | 12 + .../colors/angular/example_component_ts.md | 12 + .../usage/v9/button/theming/colors/demo.html | 39 + .../usage/v9/button/theming/colors/index.md | 24 + .../v9/button/theming/colors/javascript.md | 12 + .../usage/v9/button/theming/colors/react.md | 22 + static/usage/v9/button/theming/colors/vue.md | 18 + .../angular/example_component_css.md | 22 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 12 + .../button/theming/css-properties/demo.html | 45 + .../v9/button/theming/css-properties/index.md | 35 + .../theming/css-properties/javascript.md | 26 + .../theming/css-properties/react/main_css.md | 22 + .../theming/css-properties/react/main_tsx.md | 11 + .../v9/button/theming/css-properties/vue.md | 32 + .../basic/angular/example_component_html.md | 8 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/buttons/basic/demo.html | 27 + static/usage/v9/buttons/basic/index.md | 24 + static/usage/v9/buttons/basic/javascript.md | 8 + static/usage/v9/buttons/basic/react.md | 16 + static/usage/v9/buttons/basic/vue.md | 14 + .../angular/example_component_html.md | 21 + .../placement/angular/example_component_ts.md | 12 + static/usage/v9/buttons/placement/demo.html | 47 + static/usage/v9/buttons/placement/index.md | 24 + .../usage/v9/buttons/placement/javascript.md | 21 + static/usage/v9/buttons/placement/react.md | 31 + static/usage/v9/buttons/placement/vue.md | 27 + .../types/angular/example_component_html.md | 74 + .../types/angular/example_component_ts.md | 32 + static/usage/v9/buttons/types/demo.html | 100 + static/usage/v9/buttons/types/index.md | 32 + .../v9/buttons/types/javascript/index_html.md | 74 + .../v9/buttons/types/javascript/index_ts.md | 47 + static/usage/v9/buttons/types/react.md | 85 + static/usage/v9/buttons/types/vue.md | 81 + .../basic/angular/example_component_html.md | 12 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/card/basic/demo.html | 38 + static/usage/v9/card/basic/index.md | 24 + static/usage/v9/card/basic/javascript.md | 12 + static/usage/v9/card/basic/react.md | 18 + static/usage/v9/card/basic/vue.md | 18 + .../buttons/angular/example_component_html.md | 15 + .../buttons/angular/example_component_ts.md | 19 + static/usage/v9/card/buttons/demo.html | 41 + static/usage/v9/card/buttons/index.md | 25 + static/usage/v9/card/buttons/javascript.md | 15 + static/usage/v9/card/buttons/react.md | 21 + static/usage/v9/card/buttons/vue.md | 21 + .../list/angular/example_component_css.md | 5 + .../list/angular/example_component_html.md | 39 + .../card/list/angular/example_component_ts.md | 32 + static/usage/v9/card/list/demo.html | 73 + static/usage/v9/card/list/index.md | 35 + static/usage/v9/card/list/javascript.md | 45 + static/usage/v9/card/list/react/main_css.md | 5 + static/usage/v9/card/list/react/main_tsx.md | 59 + static/usage/v9/card/list/vue.md | 51 + .../media/angular/example_component_html.md | 13 + .../media/angular/example_component_ts.md | 12 + static/usage/v9/card/media/demo.html | 39 + static/usage/v9/card/media/index.md | 25 + static/usage/v9/card/media/javascript.md | 13 + static/usage/v9/card/media/react.md | 19 + static/usage/v9/card/media/vue.md | 19 + .../colors/angular/example_component_html.md | 82 + .../colors/angular/example_component_ts.md | 12 + static/usage/v9/card/theming/colors/demo.html | 111 + static/usage/v9/card/theming/colors/index.md | 25 + .../v9/card/theming/colors/javascript.md | 82 + static/usage/v9/card/theming/colors/react.md | 92 + static/usage/v9/card/theming/colors/vue.md | 88 + .../angular/example_component_css.md | 14 + .../angular/example_component_html.md | 12 + .../angular/example_component_ts.md | 12 + .../v9/card/theming/css-properties/demo.html | 51 + .../v9/card/theming/css-properties/index.md | 34 + .../card/theming/css-properties/javascript.md | 27 + .../theming/css-properties/react/main_css.md | 14 + .../theming/css-properties/react/main_tsx.md | 20 + .../v9/card/theming/css-properties/vue.md | 33 + .../angular/example_component_html.md | 11 + .../alignment/angular/example_component_ts.md | 12 + static/usage/v9/checkbox/alignment/demo.html | 29 + static/usage/v9/checkbox/alignment/index.md | 24 + .../usage/v9/checkbox/alignment/javascript.md | 11 + static/usage/v9/checkbox/alignment/react.md | 25 + static/usage/v9/checkbox/alignment/vue.md | 17 + .../basic/angular/example_component_html.md | 3 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/checkbox/basic/demo.html | 22 + static/usage/v9/checkbox/basic/index.md | 24 + static/usage/v9/checkbox/basic/javascript.md | 3 + static/usage/v9/checkbox/basic/react.md | 9 + static/usage/v9/checkbox/basic/vue.md | 9 + .../angular/example_component_html.md | 15 + .../angular/example_component_ts.md | 29 + .../usage/v9/checkbox/helper-error/demo.html | 55 + .../usage/v9/checkbox/helper-error/index.md | 24 + .../v9/checkbox/helper-error/javascript.md | 37 + .../usage/v9/checkbox/helper-error/react.md | 52 + static/usage/v9/checkbox/helper-error/vue.md | 37 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 12 + .../usage/v9/checkbox/indeterminate/demo.html | 22 + .../usage/v9/checkbox/indeterminate/index.md | 24 + .../v9/checkbox/indeterminate/javascript.md | 3 + .../usage/v9/checkbox/indeterminate/react.md | 9 + static/usage/v9/checkbox/indeterminate/vue.md | 9 + .../justify/angular/example_component_html.md | 15 + .../justify/angular/example_component_ts.md | 12 + static/usage/v9/checkbox/justify/demo.html | 39 + static/usage/v9/checkbox/justify/index.md | 24 + .../usage/v9/checkbox/justify/javascript.md | 15 + static/usage/v9/checkbox/justify/react.md | 23 + static/usage/v9/checkbox/justify/vue.md | 21 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 12 + static/usage/v9/checkbox/label-link/demo.html | 24 + static/usage/v9/checkbox/label-link/index.md | 24 + .../v9/checkbox/label-link/javascript.md | 3 + static/usage/v9/checkbox/label-link/react.md | 29 + static/usage/v9/checkbox/label-link/vue.md | 9 + .../angular/example_component_html.md | 15 + .../angular/example_component_ts.md | 12 + .../v9/checkbox/label-placement/demo.html | 36 + .../v9/checkbox/label-placement/index.md | 24 + .../v9/checkbox/label-placement/javascript.md | 15 + .../v9/checkbox/label-placement/react.md | 25 + .../usage/v9/checkbox/label-placement/vue.md | 21 + .../angular/example_component_css.md | 11 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 12 + .../checkbox/theming/css-properties/demo.html | 33 + .../checkbox/theming/css-properties/index.md | 34 + .../theming/css-properties/javascript.md | 15 + .../theming/css-properties/react/main_css.md | 11 + .../theming/css-properties/react/main_tsx.md | 11 + .../v9/checkbox/theming/css-properties/vue.md | 21 + .../basic/angular/example_component_html.md | 5 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/chip/basic/demo.html | 24 + static/usage/v9/chip/basic/index.md | 24 + static/usage/v9/chip/basic/javascript.md | 5 + static/usage/v9/chip/basic/react.md | 14 + static/usage/v9/chip/basic/vue.md | 11 + .../slots/angular/example_component_html.md | 15 + .../slots/angular/example_component_ts.md | 24 + static/usage/v9/chip/slots/demo.html | 34 + static/usage/v9/chip/slots/index.md | 31 + .../v9/chip/slots/javascript/index_html.md | 15 + .../v9/chip/slots/javascript/index_ts.md | 46 + static/usage/v9/chip/slots/react.md | 26 + static/usage/v9/chip/slots/vue.md | 22 + .../colors/angular/example_component_html.md | 12 + .../colors/angular/example_component_ts.md | 12 + static/usage/v9/chip/theming/colors/demo.html | 43 + static/usage/v9/chip/theming/colors/index.md | 24 + .../v9/chip/theming/colors/javascript.md | 12 + static/usage/v9/chip/theming/colors/react.md | 21 + static/usage/v9/chip/theming/colors/vue.md | 18 + .../angular/example_component_css.md | 6 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 12 + .../v9/chip/theming/css-properties/demo.html | 29 + .../v9/chip/theming/css-properties/index.md | 34 + .../chip/theming/css-properties/javascript.md | 10 + .../theming/css-properties/react/main_css.md | 6 + .../theming/css-properties/react/main_tsx.md | 11 + .../v9/chip/theming/css-properties/vue.md | 16 + static/usage/v9/common.css | 24 + static/usage/v9/common.js | 85 + .../mode/angular/example_component_html.md | 5 + .../mode/angular/example_component_ts.md | 16 + static/usage/v9/config/mode/demo.html | 41 + static/usage/v9/config/mode/index.md | 24 + static/usage/v9/config/mode/javascript.md | 12 + static/usage/v9/config/mode/react.md | 24 + static/usage/v9/config/mode/vue.md | 20 + .../basic/angular/example_component_html.md | 12 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/content/basic/demo.html | 27 + static/usage/v9/content/basic/index.md | 26 + static/usage/v9/content/basic/javascript.md | 12 + static/usage/v9/content/basic/react.md | 20 + static/usage/v9/content/basic/vue.md | 18 + .../fixed/angular/example_component_css.md | 6 + .../fixed/angular/example_component_html.md | 54 + .../fixed/angular/example_component_ts.md | 12 + static/usage/v9/content/fixed/demo.html | 76 + static/usage/v9/content/fixed/index.md | 36 + static/usage/v9/content/fixed/javascript.md | 61 + .../usage/v9/content/fixed/react/main_css.md | 6 + .../usage/v9/content/fixed/react/main_tsx.md | 64 + static/usage/v9/content/fixed/vue.md | 67 + .../angular/example_component_css.md | 5 + .../angular/example_component_html.md | 61 + .../angular/example_component_ts.md | 12 + static/usage/v9/content/fullscreen/demo.html | 82 + static/usage/v9/content/fullscreen/index.md | 36 + .../usage/v9/content/fullscreen/javascript.md | 67 + .../v9/content/fullscreen/react/main_css.md | 5 + .../v9/content/fullscreen/react/main_tsx.md | 73 + static/usage/v9/content/fullscreen/vue.md | 73 + .../angular/example_component_html.md | 22 + .../angular/example_component_ts.md | 12 + .../usage/v9/content/header-footer/demo.html | 37 + .../usage/v9/content/header-footer/index.md | 26 + .../v9/content/header-footer/javascript.md | 22 + .../usage/v9/content/header-footer/react.md | 32 + static/usage/v9/content/header-footer/vue.md | 28 + .../angular/example_component_html.md | 59 + .../angular/example_component_ts.md | 24 + .../usage/v9/content/scroll-events/demo.html | 77 + .../usage/v9/content/scroll-events/index.md | 27 + .../v9/content/scroll-events/javascript.md | 62 + .../usage/v9/content/scroll-events/react.md | 78 + static/usage/v9/content/scroll-events/vue.md | 76 + .../angular/example_component_html.md | 55 + .../angular/example_component_ts.md | 26 + .../usage/v9/content/scroll-methods/demo.html | 86 + .../usage/v9/content/scroll-methods/index.md | 26 + .../v9/content/scroll-methods/javascript.md | 71 + .../usage/v9/content/scroll-methods/react.md | 81 + static/usage/v9/content/scroll-methods/vue.md | 76 + .../colors/angular/example_component_html.md | 38 + .../colors/angular/example_component_ts.md | 12 + .../usage/v9/content/theming/colors/demo.html | 67 + .../usage/v9/content/theming/colors/index.md | 26 + .../v9/content/theming/colors/javascript.md | 38 + .../usage/v9/content/theming/colors/react.md | 48 + static/usage/v9/content/theming/colors/vue.md | 44 + .../angular/example_component_css.md | 6 + .../angular/example_component_html.md | 12 + .../angular/example_component_ts.md | 12 + .../content/theming/css-properties/demo.html | 34 + .../content/theming/css-properties/index.md | 36 + .../theming/css-properties/javascript.md | 19 + .../theming/css-properties/react/main_css.md | 6 + .../theming/css-properties/react/main_tsx.md | 22 + .../v9/content/theming/css-properties/vue.md | 25 + .../angular/example_component_css.md | 9 + .../angular/example_component_html.md | 12 + .../angular/example_component_ts.md | 12 + .../theming/css-shadow-parts/demo.html | 37 + .../content/theming/css-shadow-parts/index.md | 36 + .../theming/css-shadow-parts/javascript.md | 22 + .../css-shadow-parts/react/main_css.md | 9 + .../css-shadow-parts/react/main_tsx.md | 22 + .../content/theming/css-shadow-parts/vue.md | 28 + .../angular/example_component_css.md | 8 + .../angular/example_component_html.md | 5 + .../safe-area/angular/example_component_ts.md | 12 + .../theming/safe-area/angular/global_css.md | 12 + .../v9/content/theming/safe-area/demo.html | 36 + .../v9/content/theming/safe-area/index.md | 38 + .../content/theming/safe-area/javascript.md | 25 + .../theming/safe-area/react/main_css.md | 19 + .../theming/safe-area/react/main_tsx.md | 15 + .../usage/v9/content/theming/safe-area/vue.md | 33 + .../basic/angular/example_component_html.md | 9 + .../basic/angular/example_component_ts.md | 12 + .../usage/v9/datetime-button/basic/demo.html | 31 + .../usage/v9/datetime-button/basic/index.md | 25 + .../v9/datetime-button/basic/javascript.md | 7 + .../usage/v9/datetime-button/basic/react.md | 16 + static/usage/v9/datetime-button/basic/vue.md | 13 + .../angular/example_component_html.md | 24 + .../angular/example_component_ts.md | 12 + .../datetime-button/format-options/demo.html | 41 + .../datetime-button/format-options/index.md | 25 + .../format-options/javascript.md | 22 + .../datetime-button/format-options/react.md | 32 + .../v9/datetime-button/format-options/vue.md | 30 + .../basic/angular/example_component_html.md | 3 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/datetime/basic/demo.html | 31 + static/usage/v9/datetime/basic/index.md | 25 + static/usage/v9/datetime/basic/javascript.md | 3 + static/usage/v9/datetime/basic/react.md | 8 + static/usage/v9/datetime/basic/vue.md | 9 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 12 + .../customizing-button-texts/demo.html | 28 + .../buttons/customizing-button-texts/index.md | 25 + .../customizing-button-texts/javascript.md | 3 + .../buttons/customizing-button-texts/react.md | 8 + .../buttons/customizing-button-texts/vue.md | 9 + .../angular/example_component_html.md | 9 + .../angular/example_component_ts.md | 12 + .../buttons/customizing-buttons/demo.html | 38 + .../buttons/customizing-buttons/index.md | 25 + .../buttons/customizing-buttons/javascript.md | 13 + .../buttons/customizing-buttons/react.md | 32 + .../buttons/customizing-buttons/vue.md | 21 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 12 + .../showing-confirmation-buttons/demo.html | 28 + .../showing-confirmation-buttons/index.md | 25 + .../javascript.md | 3 + .../showing-confirmation-buttons/react.md | 8 + .../showing-confirmation-buttons/vue.md | 9 + .../angular/example_component_html.md | 3 + .../advanced/angular/example_component_ts.md | 23 + .../date-constraints/advanced/demo.html | 41 + .../date-constraints/advanced/index.md | 25 + .../date-constraints/advanced/javascript.md | 17 + .../date-constraints/advanced/react.md | 19 + .../datetime/date-constraints/advanced/vue.md | 20 + .../max-min/angular/example_component_html.md | 3 + .../max-min/angular/example_component_ts.md | 12 + .../date-constraints/max-min/demo.html | 27 + .../date-constraints/max-min/index.md | 25 + .../date-constraints/max-min/javascript.md | 3 + .../date-constraints/max-min/react.md | 8 + .../datetime/date-constraints/max-min/vue.md | 9 + .../values/angular/example_component_html.md | 3 + .../values/angular/example_component_ts.md | 12 + .../date-constraints/values/demo.html | 27 + .../datetime/date-constraints/values/index.md | 25 + .../date-constraints/values/javascript.md | 3 + .../datetime/date-constraints/values/react.md | 8 + .../datetime/date-constraints/values/vue.md | 9 + .../angular/example_component_html.md | 11 + .../angular/example_component_ts.md | 12 + .../v9/datetime/format-options/demo.html | 37 + .../usage/v9/datetime/format-options/index.md | 25 + .../v9/datetime/format-options/javascript.md | 13 + .../usage/v9/datetime/format-options/react.md | 19 + .../usage/v9/datetime/format-options/vue.md | 16 + .../array/angular/example_component_html.md | 3 + .../array/angular/example_component_ts.md | 39 + .../datetime/highlightedDates/array/demo.html | 57 + .../datetime/highlightedDates/array/index.md | 25 + .../highlightedDates/array/javascript.md | 33 + .../datetime/highlightedDates/array/react.md | 39 + .../v9/datetime/highlightedDates/array/vue.md | 36 + .../angular/example_component_html.md | 3 + .../callback/angular/example_component_ts.md | 35 + .../highlightedDates/callback/demo.html | 53 + .../highlightedDates/callback/index.md | 25 + .../highlightedDates/callback/javascript.md | 29 + .../highlightedDates/callback/react.md | 34 + .../datetime/highlightedDates/callback/vue.md | 32 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 12 + .../localization/custom-locale/demo.html | 27 + .../localization/custom-locale/index.md | 25 + .../localization/custom-locale/javascript.md | 3 + .../localization/custom-locale/react.md | 8 + .../localization/custom-locale/vue.md | 9 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 12 + .../localization/first-day-of-week/demo.html | 27 + .../localization/first-day-of-week/index.md | 25 + .../first-day-of-week/javascript.md | 3 + .../localization/first-day-of-week/react.md | 8 + .../localization/first-day-of-week/vue.md | 9 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 12 + .../localization/hour-cycle/demo.html | 27 + .../datetime/localization/hour-cycle/index.md | 25 + .../localization/hour-cycle/javascript.md | 3 + .../datetime/localization/hour-cycle/react.md | 8 + .../datetime/localization/hour-cycle/vue.md | 9 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 12 + .../locale-extension-tags/demo.html | 27 + .../locale-extension-tags/index.md | 25 + .../locale-extension-tags/javascript.md | 3 + .../locale-extension-tags/react.md | 8 + .../localization/locale-extension-tags/vue.md | 9 + .../angular/example_component_html.md | 5 + .../angular/example_component_ts.md | 12 + .../localization/time-label/demo.html | 29 + .../datetime/localization/time-label/index.md | 25 + .../localization/time-label/javascript.md | 5 + .../datetime/localization/time-label/react.md | 12 + .../datetime/localization/time-label/vue.md | 11 + .../angular/example_component_html.md | 3 + .../multiple/angular/example_component_ts.md | 12 + static/usage/v9/datetime/multiple/demo.html | 32 + static/usage/v9/datetime/multiple/index.md | 25 + .../usage/v9/datetime/multiple/javascript.md | 8 + static/usage/v9/datetime/multiple/react.md | 16 + static/usage/v9/datetime/multiple/vue.md | 9 + .../date/angular/example_component_html.md | 3 + .../date/angular/example_component_ts.md | 12 + .../v9/datetime/presentation/date/demo.html | 27 + .../v9/datetime/presentation/date/index.md | 25 + .../datetime/presentation/date/javascript.md | 3 + .../v9/datetime/presentation/date/react.md | 8 + .../v9/datetime/presentation/date/vue.md | 9 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 12 + .../presentation/month-and-year/demo.html | 27 + .../presentation/month-and-year/index.md | 25 + .../presentation/month-and-year/javascript.md | 3 + .../presentation/month-and-year/react.md | 8 + .../presentation/month-and-year/vue.md | 9 + .../time/angular/example_component_html.md | 3 + .../time/angular/example_component_ts.md | 12 + .../v9/datetime/presentation/time/demo.html | 27 + .../v9/datetime/presentation/time/index.md | 24 + .../datetime/presentation/time/javascript.md | 3 + .../v9/datetime/presentation/time/react.md | 8 + .../v9/datetime/presentation/time/vue.md | 9 + .../wheel/angular/example_component_html.md | 3 + .../wheel/angular/example_component_ts.md | 12 + .../v9/datetime/presentation/wheel/demo.html | 27 + .../v9/datetime/presentation/wheel/index.md | 25 + .../datetime/presentation/wheel/javascript.md | 3 + .../v9/datetime/presentation/wheel/react.md | 8 + .../v9/datetime/presentation/wheel/vue.md | 9 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 12 + .../v9/datetime/show-adjacent-days/demo.html | 27 + .../v9/datetime/show-adjacent-days/index.md | 25 + .../datetime/show-adjacent-days/javascript.md | 3 + .../v9/datetime/show-adjacent-days/react.md | 9 + .../v9/datetime/show-adjacent-days/vue.md | 9 + .../angular/example_component_css.md | 46 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 39 + .../datetime/styling/calendar-days/demo.html | 91 + .../datetime/styling/calendar-days/index.md | 35 + .../styling/calendar-days/javascript.md | 72 + .../styling/calendar-days/react/main_css.md | 46 + .../styling/calendar-days/react/main_tsx.md | 33 + .../v9/datetime/styling/calendar-days/vue.md | 77 + .../angular/example_component_css.md | 9 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 12 + .../datetime/styling/global-theming/demo.html | 96 + .../datetime/styling/global-theming/index.md | 49 + .../global-theming/javascript/index_html.md | 13 + .../styling/global-theming/react/main_css.md | 9 + .../styling/global-theming/react/main_tsx.md | 11 + .../global-theming/theme/variables_css.md | 78 + .../styling/global-theming/vue/example_vue.md | 19 + .../angular/example_component_css.md | 17 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 16 + .../datetime/styling/wheel-styling/demo.html | 40 + .../datetime/styling/wheel-styling/index.md | 35 + .../styling/wheel-styling/javascript.md | 21 + .../styling/wheel-styling/react/main_css.md | 17 + .../styling/wheel-styling/react/main_tsx.md | 11 + .../v9/datetime/styling/wheel-styling/vue.md | 27 + .../angular/example_component_html.md | 5 + .../angular/example_component_ts.md | 12 + .../title/customizing-title/demo.html | 29 + .../datetime/title/customizing-title/index.md | 25 + .../title/customizing-title/javascript.md | 5 + .../datetime/title/customizing-title/react.md | 12 + .../datetime/title/customizing-title/vue.md | 11 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 12 + .../title/showing-default-title/demo.html | 27 + .../title/showing-default-title/index.md | 25 + .../title/showing-default-title/javascript.md | 3 + .../title/showing-default-title/react.md | 8 + .../title/showing-default-title/vue.md | 9 + .../basic/angular/example_component_html.md | 7 + .../fab/basic/angular/example_component_ts.md | 24 + static/usage/v9/fab/basic/demo.html | 26 + static/usage/v9/fab/basic/index.md | 31 + .../v9/fab/basic/javascript/index_html.md | 7 + .../usage/v9/fab/basic/javascript/index_ts.md | 46 + static/usage/v9/fab/basic/react.md | 16 + static/usage/v9/fab/basic/vue.md | 14 + .../angular/example_component_html.md | 22 + .../angular/example_component_ts.md | 67 + static/usage/v9/fab/before-content/demo.html | 66 + static/usage/v9/fab/before-content/index.md | 32 + .../before-content/javascript/index_html.md | 52 + .../fab/before-content/javascript/index_ts.md | 46 + static/usage/v9/fab/before-content/react.md | 61 + static/usage/v9/fab/before-content/vue.md | 56 + .../angular/example_component_html.md | 18 + .../angular/example_component_ts.md | 24 + static/usage/v9/fab/button-sizing/demo.html | 37 + static/usage/v9/fab/button-sizing/index.md | 31 + .../button-sizing/javascript/index_html.md | 18 + .../fab/button-sizing/javascript/index_ts.md | 46 + static/usage/v9/fab/button-sizing/react.md | 27 + static/usage/v9/fab/button-sizing/vue.md | 25 + .../angular/example_component_html.md | 33 + .../list-side/angular/example_component_ts.md | 24 + static/usage/v9/fab/list-side/demo.html | 52 + static/usage/v9/fab/list-side/index.md | 31 + .../v9/fab/list-side/javascript/index_html.md | 33 + .../v9/fab/list-side/javascript/index_ts.md | 46 + static/usage/v9/fab/list-side/react.md | 42 + static/usage/v9/fab/list-side/vue.md | 40 + .../angular/example_component_html.md | 59 + .../angular/example_component_ts.md | 40 + static/usage/v9/fab/positioning/demo.html | 74 + static/usage/v9/fab/positioning/index.md | 33 + .../fab/positioning/javascript/index_html.md | 59 + .../v9/fab/positioning/javascript/index_ts.md | 54 + static/usage/v9/fab/positioning/react.md | 77 + static/usage/v9/fab/positioning/vue.md | 73 + .../angular/example_component_css.md | 6 + .../angular/example_component_html.md | 7 + .../safe-area/angular/example_component_ts.md | 24 + .../v9/fab/safe-area/angular/global_css.md | 10 + static/usage/v9/fab/safe-area/demo.html | 28 + static/usage/v9/fab/safe-area/index.md | 43 + .../v9/fab/safe-area/javascript/index_html.md | 23 + .../v9/fab/safe-area/javascript/index_ts.md | 46 + .../usage/v9/fab/safe-area/react/main_css.md | 15 + .../usage/v9/fab/safe-area/react/main_tsx.md | 18 + static/usage/v9/fab/safe-area/vue.md | 32 + .../colors/angular/example_component_html.md | 33 + .../colors/angular/example_component_ts.md | 24 + static/usage/v9/fab/theming/colors/demo.html | 52 + static/usage/v9/fab/theming/colors/index.md | 31 + .../theming/colors/javascript/index_html.md | 33 + .../fab/theming/colors/javascript/index_ts.md | 47 + static/usage/v9/fab/theming/colors/react.md | 42 + static/usage/v9/fab/theming/colors/vue.md | 40 + .../angular/example_component_css.md | 10 + .../angular/example_component_html.md | 18 + .../angular/example_component_ts.md | 24 + .../theming/css-custom-properties/demo.html | 48 + .../theming/css-custom-properties/index.md | 40 + .../javascript/index_html.md | 29 + .../javascript/index_ts.md | 46 + .../css-custom-properties/react/main_css.md | 10 + .../css-custom-properties/react/main_tsx.md | 29 + .../fab/theming/css-custom-properties/vue.md | 36 + .../angular/example_component_css.md | 16 + .../angular/example_component_html.md | 18 + .../angular/example_component_ts.md | 24 + .../v9/fab/theming/css-shadow-parts/demo.html | 54 + .../v9/fab/theming/css-shadow-parts/index.md | 40 + .../theming/css-shadow-parts/javascript.md | 35 + .../css-shadow-parts/javascript/index_html.md | 35 + .../css-shadow-parts/javascript/index_ts.md | 46 + .../css-shadow-parts/react/main_css.md | 16 + .../css-shadow-parts/react/main_tsx.md | 29 + .../v9/fab/theming/css-shadow-parts/vue.md | 42 + .../basic/angular/example_component_html.md | 10 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/footer/basic/demo.html | 25 + static/usage/v9/footer/basic/index.md | 26 + static/usage/v9/footer/basic/javascript.md | 10 + static/usage/v9/footer/basic/react.md | 20 + static/usage/v9/footer/basic/vue.md | 16 + .../angular/example_component_css.md | 11 + .../angular/example_component_html.md | 69 + .../angular/example_component_ts.md | 12 + .../v9/footer/custom-scroll-target/demo.html | 98 + .../v9/footer/custom-scroll-target/index.md | 37 + .../footer/custom-scroll-target/javascript.md | 81 + .../custom-scroll-target/react/main_css.md | 11 + .../custom-scroll-target/react/main_tsx.md | 83 + .../v9/footer/custom-scroll-target/vue.md | 87 + .../fade/angular/example_component_html.md | 67 + .../fade/angular/example_component_ts.md | 12 + static/usage/v9/footer/fade/demo.html | 82 + static/usage/v9/footer/fade/index.md | 27 + static/usage/v9/footer/fade/javascript.md | 67 + static/usage/v9/footer/fade/react.md | 77 + static/usage/v9/footer/fade/vue.md | 73 + .../angular/example_component_html.md | 10 + .../no-border/angular/example_component_ts.md | 12 + static/usage/v9/footer/no-border/demo.html | 25 + static/usage/v9/footer/no-border/index.md | 26 + .../usage/v9/footer/no-border/javascript.md | 10 + static/usage/v9/footer/no-border/react.md | 20 + static/usage/v9/footer/no-border/vue.md | 16 + .../angular/example_component_html.md | 67 + .../angular/example_component_ts.md | 12 + static/usage/v9/footer/translucent/demo.html | 82 + static/usage/v9/footer/translucent/index.md | 27 + .../usage/v9/footer/translucent/javascript.md | 67 + static/usage/v9/footer/translucent/react.md | 77 + static/usage/v9/footer/translucent/vue.md | 73 + .../basic/angular/example_component_css.md | 14 + .../basic/angular/example_component_html.md | 10 + .../basic/angular/example_component_ts.md | 51 + static/usage/v9/gestures/basic/demo.html | 81 + static/usage/v9/gestures/basic/index.md | 34 + static/usage/v9/gestures/basic/javascript.md | 58 + .../usage/v9/gestures/basic/react/main_css.md | 14 + .../usage/v9/gestures/basic/react/main_tsx.md | 62 + static/usage/v9/gestures/basic/vue.md | 67 + .../angular/example_component_css.md | 6 + .../angular/example_component_html.md | 5 + .../angular/example_component_ts.md | 52 + .../usage/v9/gestures/double-click/demo.html | 67 + .../usage/v9/gestures/double-click/index.md | 34 + .../v9/gestures/double-click/javascript.md | 49 + .../gestures/double-click/react/main_css.md | 6 + .../gestures/double-click/react/main_tsx.md | 57 + static/usage/v9/gestures/double-click/vue.md | 57 + .../basic/angular/example_component_css.md | 8 + .../basic/angular/example_component_html.md | 37 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/grid/basic/demo.html | 75 + static/usage/v9/grid/basic/index.md | 35 + static/usage/v9/grid/basic/javascript.md | 46 + static/usage/v9/grid/basic/react/main_css.md | 8 + static/usage/v9/grid/basic/react/main_tsx.md | 49 + static/usage/v9/grid/basic/vue.md | 52 + .../angular/example_component_css.md | 12 + .../angular/example_component_html.md | 11 + .../angular/example_component_ts.md | 12 + .../grid/customizing/column-number/demo.html | 51 + .../grid/customizing/column-number/index.md | 35 + .../customizing/column-number/javascript.md | 24 + .../column-number/react/main_css.md | 12 + .../column-number/react/main_tsx.md | 25 + .../v9/grid/customizing/column-number/vue.md | 30 + .../padding/angular/example_component_css.md | 26 + .../padding/angular/example_component_html.md | 9 + .../padding/angular/example_component_ts.md | 12 + .../v9/grid/customizing/padding/demo.html | 63 + .../v9/grid/customizing/padding/index.md | 35 + .../v9/grid/customizing/padding/javascript.md | 36 + .../customizing/padding/react/main_css.md | 26 + .../customizing/padding/react/main_tsx.md | 21 + .../usage/v9/grid/customizing/padding/vue.md | 42 + .../width/angular/example_component_css.md | 18 + .../width/angular/example_component_html.md | 9 + .../width/angular/example_component_ts.md | 12 + .../usage/v9/grid/customizing/width/demo.html | 54 + .../usage/v9/grid/customizing/width/index.md | 35 + .../v9/grid/customizing/width/javascript.md | 28 + .../grid/customizing/width/react/main_css.md | 18 + .../grid/customizing/width/react/main_tsx.md | 19 + static/usage/v9/grid/customizing/width/vue.md | 34 + .../fixed/angular/example_component_css.md | 8 + .../fixed/angular/example_component_html.md | 9 + .../fixed/angular/example_component_ts.md | 12 + static/usage/v9/grid/fixed/demo.html | 46 + static/usage/v9/grid/fixed/index.md | 35 + static/usage/v9/grid/fixed/javascript.md | 18 + static/usage/v9/grid/fixed/react/main_css.md | 8 + static/usage/v9/grid/fixed/react/main_tsx.md | 19 + static/usage/v9/grid/fixed/vue.md | 24 + .../angular/example_component_css.md | 8 + .../angular/example_component_html.md | 41 + .../angular/example_component_ts.md | 12 + .../v9/grid/horizontal-alignment/demo.html | 79 + .../v9/grid/horizontal-alignment/index.md | 35 + .../grid/horizontal-alignment/javascript.md | 50 + .../horizontal-alignment/react/main_css.md | 8 + .../horizontal-alignment/react/main_tsx.md | 53 + .../usage/v9/grid/horizontal-alignment/vue.md | 56 + .../angular/example_component_css.md | 8 + .../angular/example_component_html.md | 30 + .../angular/example_component_ts.md | 12 + .../usage/v9/grid/offset-responsive/demo.html | 68 + .../usage/v9/grid/offset-responsive/index.md | 35 + .../v9/grid/offset-responsive/javascript.md | 39 + .../grid/offset-responsive/react/main_css.md | 8 + .../grid/offset-responsive/react/main_tsx.md | 46 + static/usage/v9/grid/offset-responsive/vue.md | 45 + .../offset/angular/example_component_css.md | 8 + .../offset/angular/example_component_html.md | 29 + .../offset/angular/example_component_ts.md | 12 + static/usage/v9/grid/offset/demo.html | 67 + static/usage/v9/grid/offset/index.md | 35 + static/usage/v9/grid/offset/javascript.md | 38 + static/usage/v9/grid/offset/react/main_css.md | 8 + static/usage/v9/grid/offset/react/main_tsx.md | 49 + static/usage/v9/grid/offset/vue.md | 44 + .../angular/example_component_css.md | 8 + .../angular/example_component_html.md | 31 + .../angular/example_component_ts.md | 12 + .../v9/grid/push-pull-responsive/demo.html | 69 + .../v9/grid/push-pull-responsive/index.md | 35 + .../grid/push-pull-responsive/javascript.md | 40 + .../push-pull-responsive/react/main_css.md | 8 + .../push-pull-responsive/react/main_tsx.md | 55 + .../usage/v9/grid/push-pull-responsive/vue.md | 46 + .../angular/example_component_css.md | 8 + .../angular/example_component_html.md | 33 + .../push-pull/angular/example_component_ts.md | 12 + static/usage/v9/grid/push-pull/demo.html | 77 + static/usage/v9/grid/push-pull/index.md | 35 + static/usage/v9/grid/push-pull/javascript.md | 42 + .../usage/v9/grid/push-pull/react/main_css.md | 8 + .../usage/v9/grid/push-pull/react/main_tsx.md | 55 + static/usage/v9/grid/push-pull/vue.md | 54 + .../angular/example_component_css.md | 12 + .../angular/example_component_html.md | 34 + .../size-auto/angular/example_component_ts.md | 12 + static/usage/v9/grid/size-auto/demo.html | 76 + static/usage/v9/grid/size-auto/index.md | 35 + static/usage/v9/grid/size-auto/javascript.md | 47 + .../usage/v9/grid/size-auto/react/main_css.md | 12 + .../usage/v9/grid/size-auto/react/main_tsx.md | 52 + static/usage/v9/grid/size-auto/vue.md | 53 + .../angular/example_component_css.md | 8 + .../angular/example_component_html.md | 32 + .../angular/example_component_ts.md | 12 + .../usage/v9/grid/size-responsive/demo.html | 70 + static/usage/v9/grid/size-responsive/index.md | 35 + .../v9/grid/size-responsive/javascript.md | 41 + .../v9/grid/size-responsive/react/main_css.md | 8 + .../v9/grid/size-responsive/react/main_tsx.md | 64 + static/usage/v9/grid/size-responsive/vue.md | 47 + .../size/angular/example_component_css.md | 8 + .../size/angular/example_component_html.md | 30 + .../grid/size/angular/example_component_ts.md | 12 + static/usage/v9/grid/size/demo.html | 68 + static/usage/v9/grid/size/index.md | 35 + static/usage/v9/grid/size/javascript.md | 39 + static/usage/v9/grid/size/react/main_css.md | 8 + static/usage/v9/grid/size/react/main_tsx.md | 48 + static/usage/v9/grid/size/vue.md | 45 + .../angular/example_component_css.md | 8 + .../angular/example_component_html.md | 46 + .../angular/example_component_ts.md | 12 + .../v9/grid/vertical-alignment/demo.html | 84 + .../usage/v9/grid/vertical-alignment/index.md | 35 + .../v9/grid/vertical-alignment/javascript.md | 55 + .../grid/vertical-alignment/react/main_css.md | 8 + .../grid/vertical-alignment/react/main_tsx.md | 58 + .../usage/v9/grid/vertical-alignment/vue.md | 61 + .../basic/angular/example_component_html.md | 10 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/header/basic/demo.html | 25 + static/usage/v9/header/basic/index.md | 26 + static/usage/v9/header/basic/javascript.md | 10 + static/usage/v9/header/basic/react.md | 20 + static/usage/v9/header/basic/vue.md | 16 + .../angular/example_component_html.md | 75 + .../condense/angular/example_component_ts.md | 12 + static/usage/v9/header/condense/demo.html | 92 + static/usage/v9/header/condense/index.md | 27 + static/usage/v9/header/condense/javascript.md | 75 + static/usage/v9/header/condense/react.md | 87 + static/usage/v9/header/condense/vue.md | 81 + .../angular/example_component_css.md | 10 + .../angular/example_component_html.md | 69 + .../angular/example_component_ts.md | 12 + .../v9/header/custom-scroll-target/demo.html | 98 + .../v9/header/custom-scroll-target/index.md | 37 + .../header/custom-scroll-target/javascript.md | 43 + .../custom-scroll-target/react/main_css.md | 10 + .../custom-scroll-target/react/main_tsx.md | 83 + .../v9/header/custom-scroll-target/vue.md | 87 + .../fade/angular/example_component_html.md | 67 + .../fade/angular/example_component_ts.md | 12 + static/usage/v9/header/fade/demo.html | 82 + static/usage/v9/header/fade/index.md | 27 + static/usage/v9/header/fade/javascript.md | 67 + static/usage/v9/header/fade/react.md | 77 + static/usage/v9/header/fade/vue.md | 73 + .../angular/example_component_html.md | 10 + .../no-border/angular/example_component_ts.md | 12 + static/usage/v9/header/no-border/demo.html | 25 + static/usage/v9/header/no-border/index.md | 26 + .../usage/v9/header/no-border/javascript.md | 10 + static/usage/v9/header/no-border/react.md | 20 + static/usage/v9/header/no-border/vue.md | 16 + .../angular/example_component_html.md | 67 + .../angular/example_component_ts.md | 12 + static/usage/v9/header/translucent/demo.html | 82 + static/usage/v9/header/translucent/index.md | 27 + .../usage/v9/header/translucent/javascript.md | 67 + static/usage/v9/header/translucent/react.md | 77 + static/usage/v9/header/translucent/vue.md | 73 + .../basic/angular/example_component_html.md | 6 + .../basic/angular/example_component_ts.md | 24 + static/usage/v9/icon/basic/demo.html | 25 + static/usage/v9/icon/basic/index.md | 32 + .../v9/icon/basic/javascript/index_html.md | 6 + .../v9/icon/basic/javascript/index_ts.md | 46 + static/usage/v9/icon/basic/react.md | 17 + static/usage/v9/icon/basic/vue.md | 13 + .../basic/angular/example_component_html.md | 6 + .../img/basic/angular/example_component_ts.md | 12 + static/usage/v9/img/basic/demo.html | 31 + static/usage/v9/img/basic/index.md | 24 + static/usage/v9/img/basic/javascript.md | 6 + static/usage/v9/img/basic/react.md | 14 + static/usage/v9/img/basic/vue.md | 12 + .../basic/angular/example_component_html.md | 17 + .../basic/angular/example_component_ts.md | 41 + .../usage/v9/infinite-scroll/basic/demo.html | 60 + .../usage/v9/infinite-scroll/basic/index.md | 24 + .../v9/infinite-scroll/basic/javascript.md | 46 + .../usage/v9/infinite-scroll/basic/react.md | 53 + static/usage/v9/infinite-scroll/basic/vue.md | 47 + .../angular/example_component_css.md | 12 + .../angular/example_component_html.md | 70 + .../angular/example_component_ts.md | 20 + .../custom-infinite-scroll-content/demo.html | 117 + .../custom-infinite-scroll-content/index.md | 34 + .../javascript.md | 104 + .../react/main_css.md | 12 + .../react/main_tsx.md | 89 + .../custom-infinite-scroll-content/vue.md | 94 + .../angular/example_component_html.md | 17 + .../angular/example_component_ts.md | 28 + .../infinite-scroll-content/demo.html | 53 + .../infinite-scroll-content/index.md | 24 + .../infinite-scroll-content/javascript.md | 38 + .../infinite-scroll-content/react.md | 44 + .../infinite-scroll-content/vue.md | 39 + .../basic/angular/example_component_html.md | 4 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/input-otp/basic/demo.html | 29 + static/usage/v9/input-otp/basic/index.md | 24 + static/usage/v9/input-otp/basic/javascript.md | 4 + static/usage/v9/input-otp/basic/react.md | 18 + static/usage/v9/input-otp/basic/vue.md | 10 + .../fill/angular/example_component_html.md | 3 + .../fill/angular/example_component_ts.md | 12 + static/usage/v9/input-otp/fill/demo.html | 29 + static/usage/v9/input-otp/fill/index.md | 24 + static/usage/v9/input-otp/fill/javascript.md | 3 + static/usage/v9/input-otp/fill/react.md | 14 + static/usage/v9/input-otp/fill/vue.md | 10 + .../pattern/angular/example_component_html.md | 8 + .../pattern/angular/example_component_ts.md | 12 + static/usage/v9/input-otp/pattern/demo.html | 35 + static/usage/v9/input-otp/pattern/index.md | 25 + .../usage/v9/input-otp/pattern/javascript.md | 8 + static/usage/v9/input-otp/pattern/react.md | 30 + static/usage/v9/input-otp/pattern/vue.md | 16 + .../angular/example_component_html.md | 5 + .../angular/example_component_ts.md | 12 + .../usage/v9/input-otp/separators/demo.html | 30 + static/usage/v9/input-otp/separators/index.md | 25 + .../v9/input-otp/separators/javascript.md | 5 + static/usage/v9/input-otp/separators/react.md | 21 + static/usage/v9/input-otp/separators/vue.md | 11 + .../shape/angular/example_component_html.md | 5 + .../shape/angular/example_component_ts.md | 12 + static/usage/v9/input-otp/shape/demo.html | 30 + static/usage/v9/input-otp/shape/index.md | 25 + static/usage/v9/input-otp/shape/javascript.md | 5 + static/usage/v9/input-otp/shape/react.md | 15 + static/usage/v9/input-otp/shape/vue.md | 11 + .../size/angular/example_component_html.md | 5 + .../size/angular/example_component_ts.md | 12 + static/usage/v9/input-otp/size/demo.html | 30 + static/usage/v9/input-otp/size/index.md | 25 + static/usage/v9/input-otp/size/javascript.md | 5 + static/usage/v9/input-otp/size/react.md | 15 + static/usage/v9/input-otp/size/vue.md | 11 + .../states/angular/example_component_html.md | 8 + .../states/angular/example_component_ts.md | 65 + static/usage/v9/input-otp/states/demo.html | 65 + static/usage/v9/input-otp/states/index.md | 25 + .../usage/v9/input-otp/states/javascript.md | 40 + static/usage/v9/input-otp/states/react.md | 41 + static/usage/v9/input-otp/states/vue.md | 31 + .../colors/angular/example_component_html.md | 11 + .../colors/angular/example_component_ts.md | 12 + .../v9/input-otp/theming/colors/demo.html | 37 + .../v9/input-otp/theming/colors/index.md | 25 + .../v9/input-otp/theming/colors/javascript.md | 11 + .../v9/input-otp/theming/colors/react.md | 21 + .../usage/v9/input-otp/theming/colors/vue.md | 17 + .../angular/example_component_css.md | 16 + .../angular/example_component_html.md | 6 + .../angular/example_component_ts.md | 12 + .../theming/css-properties/demo.html | 48 + .../input-otp/theming/css-properties/index.md | 34 + .../theming/css-properties/javascript.md | 23 + .../theming/css-properties/react/main_css.md | 16 + .../theming/css-properties/react/main_tsx.md | 20 + .../input-otp/theming/css-properties/vue.md | 29 + .../type/angular/example_component_html.md | 3 + .../type/angular/example_component_ts.md | 12 + static/usage/v9/input-otp/type/demo.html | 30 + static/usage/v9/input-otp/type/index.md | 24 + static/usage/v9/input-otp/type/javascript.md | 3 + static/usage/v9/input-otp/type/react.md | 14 + static/usage/v9/input-otp/type/vue.md | 10 + .../basic/angular/example_component_html.md | 5 + .../basic/angular/example_component_ts.md | 12 + .../v9/input-password-toggle/basic/demo.html | 30 + .../v9/input-password-toggle/basic/index.md | 24 + .../input-password-toggle/basic/javascript.md | 5 + .../v9/input-password-toggle/basic/react.md | 13 + .../v9/input-password-toggle/basic/vue.md | 11 + .../basic/angular/example_component_html.md | 23 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/input/basic/demo.html | 48 + static/usage/v9/input/basic/index.md | 25 + static/usage/v9/input/basic/javascript.md | 23 + static/usage/v9/input/basic/react.md | 31 + static/usage/v9/input/basic/vue.md | 29 + .../clear/angular/example_component_html.md | 34 + .../clear/angular/example_component_ts.md | 12 + static/usage/v9/input/clear/demo.html | 59 + static/usage/v9/input/clear/index.md | 25 + static/usage/v9/input/clear/javascript.md | 34 + static/usage/v9/input/clear/react.md | 39 + static/usage/v9/input/clear/vue.md | 40 + .../angular/example_component_html.md | 11 + .../angular/example_component_ts.md | 12 + .../v9/input/counter-alignment/demo.html | 30 + .../usage/v9/input/counter-alignment/index.md | 24 + .../v9/input/counter-alignment/javascript.md | 11 + .../usage/v9/input/counter-alignment/react.md | 21 + .../usage/v9/input/counter-alignment/vue.md | 17 + .../counter/angular/example_component_html.md | 12 + .../counter/angular/example_component_ts.md | 16 + static/usage/v9/input/counter/demo.html | 44 + static/usage/v9/input/counter/index.md | 24 + static/usage/v9/input/counter/javascript.md | 16 + static/usage/v9/input/counter/react.md | 22 + static/usage/v9/input/counter/vue.md | 22 + .../fill/angular/example_component_html.md | 7 + .../fill/angular/example_component_ts.md | 12 + static/usage/v9/input/fill/demo.html | 39 + static/usage/v9/input/fill/index.md | 26 + static/usage/v9/input/fill/javascript.md | 7 + static/usage/v9/input/fill/react.md | 17 + static/usage/v9/input/fill/vue.md | 13 + .../angular/example_component_html.md | 12 + .../filtering/angular/example_component_ts.md | 29 + static/usage/v9/input/filtering/demo.html | 36 + static/usage/v9/input/filtering/index.md | 24 + static/usage/v9/input/filtering/javascript.md | 16 + static/usage/v9/input/filtering/react.md | 36 + static/usage/v9/input/filtering/vue.md | 39 + .../angular/example_component_html.md | 12 + .../angular/example_component_ts.md | 12 + static/usage/v9/input/helper-error/demo.html | 62 + static/usage/v9/input/helper-error/index.md | 25 + .../usage/v9/input/helper-error/javascript.md | 38 + static/usage/v9/input/helper-error/react.md | 44 + static/usage/v9/input/helper-error/vue.md | 43 + .../angular/example_component_html.md | 19 + .../angular/example_component_ts.md | 12 + .../usage/v9/input/label-placement/demo.html | 44 + .../usage/v9/input/label-placement/index.md | 25 + .../v9/input/label-placement/javascript.md | 19 + .../usage/v9/input/label-placement/react.md | 27 + static/usage/v9/input/label-placement/vue.md | 25 + .../angular/example_component_html.md | 9 + .../angular/example_component_ts.md | 12 + static/usage/v9/input/label-slot/demo.html | 28 + static/usage/v9/input/label-slot/index.md | 24 + .../usage/v9/input/label-slot/javascript.md | 9 + static/usage/v9/input/label-slot/react.md | 19 + static/usage/v9/input/label-slot/vue.md | 15 + .../mask/angular/example_component_html.md | 21 + .../mask/angular/example_component_ts.md | 39 + static/usage/v9/input/mask/demo.html | 77 + static/usage/v9/input/mask/index.md | 56 + .../v9/input/mask/javascript/index_html.md | 48 + .../v9/input/mask/javascript/index_ts.md | 40 + static/usage/v9/input/mask/react.md | 65 + static/usage/v9/input/mask/vue.md | 60 + .../angular/example_component_html.md | 7 + .../angular/example_component_ts.md | 12 + .../usage/v9/input/no-visible-label/demo.html | 26 + .../usage/v9/input/no-visible-label/index.md | 24 + .../v9/input/no-visible-label/javascript.md | 7 + .../usage/v9/input/no-visible-label/react.md | 15 + static/usage/v9/input/no-visible-label/vue.md | 13 + .../angular/example_component_html.md | 10 + .../set-focus/angular/example_component_ts.md | 12 + static/usage/v9/input/set-focus/demo.html | 33 + static/usage/v9/input/set-focus/index.md | 24 + static/usage/v9/input/set-focus/javascript.md | 17 + static/usage/v9/input/set-focus/react.md | 21 + static/usage/v9/input/set-focus/vue.md | 23 + .../angular/example_component_html.md | 12 + .../angular/example_component_ts.md | 24 + .../usage/v9/input/start-end-slots/demo.html | 31 + .../usage/v9/input/start-end-slots/index.md | 31 + .../start-end-slots/javascript/index_html.md | 12 + .../start-end-slots/javascript/index_ts.md | 46 + .../usage/v9/input/start-end-slots/react.md | 21 + static/usage/v9/input/start-end-slots/vue.md | 19 + .../colors/angular/example_component_html.md | 11 + .../colors/angular/example_component_ts.md | 12 + .../usage/v9/input/theming/colors/demo.html | 42 + static/usage/v9/input/theming/colors/index.md | 25 + .../v9/input/theming/colors/javascript.md | 11 + static/usage/v9/input/theming/colors/react.md | 21 + static/usage/v9/input/theming/colors/vue.md | 17 + .../angular/example_component_css.md | 13 + .../angular/example_component_html.md | 10 + .../angular/example_component_ts.md | 12 + .../css-properties/angular/global_css.md | 14 + .../v9/input/theming/css-properties/demo.html | 55 + .../v9/input/theming/css-properties/index.md | 37 + .../theming/css-properties/javascript.md | 31 + .../theming/css-properties/react/main_css.md | 20 + .../theming/css-properties/react/main_tsx.md | 20 + .../v9/input/theming/css-properties/vue.md | 37 + .../types/angular/example_component_html.md | 25 + .../types/angular/example_component_ts.md | 12 + static/usage/v9/input/types/demo.html | 48 + static/usage/v9/input/types/index.md | 25 + static/usage/v9/input/types/javascript.md | 25 + static/usage/v9/input/types/react.md | 31 + static/usage/v9/input/types/vue.md | 29 + .../basic/angular/example_component_html.md | 35 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/item-divider/basic/demo.html | 60 + static/usage/v9/item-divider/basic/index.md | 25 + .../usage/v9/item-divider/basic/javascript.md | 35 + static/usage/v9/item-divider/basic/react.md | 43 + static/usage/v9/item-divider/basic/vue.md | 41 + .../colors/angular/example_component_html.md | 32 + .../colors/angular/example_component_ts.md | 12 + .../v9/item-divider/theming/colors/demo.html | 57 + .../v9/item-divider/theming/colors/index.md | 25 + .../item-divider/theming/colors/javascript.md | 32 + .../v9/item-divider/theming/colors/react.md | 42 + .../v9/item-divider/theming/colors/vue.md | 38 + .../angular/example_component_css.md | 11 + .../angular/example_component_html.md | 5 + .../angular/example_component_ts.md | 12 + .../theming/css-properties/demo.html | 36 + .../theming/css-properties/index.md | 35 + .../theming/css-properties/javascript.md | 17 + .../theming/css-properties/react/main_css.md | 11 + .../theming/css-properties/react/main_tsx.md | 15 + .../theming/css-properties/vue.md | 23 + .../basic/angular/example_component_html.md | 33 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/item-group/basic/demo.html | 58 + static/usage/v9/item-group/basic/index.md | 25 + .../usage/v9/item-group/basic/javascript.md | 33 + static/usage/v9/item-group/basic/react.md | 43 + static/usage/v9/item-group/basic/vue.md | 39 + .../angular/example_component_html.md | 67 + .../angular/example_component_ts.md | 20 + .../v9/item-group/sliding-items/demo.html | 92 + .../v9/item-group/sliding-items/index.md | 25 + .../v9/item-group/sliding-items/javascript.md | 67 + .../v9/item-group/sliding-items/react.md | 85 + .../usage/v9/item-group/sliding-items/vue.md | 81 + .../basic/angular/example_component_html.md | 39 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/item-sliding/basic/demo.html | 64 + static/usage/v9/item-sliding/basic/index.md | 24 + .../usage/v9/item-sliding/basic/javascript.md | 39 + static/usage/v9/item-sliding/basic/react.md | 47 + static/usage/v9/item-sliding/basic/vue.md | 45 + .../angular/example_component_html.md | 18 + .../angular/example_component_ts.md | 12 + .../v9/item-sliding/expandable/demo.html | 43 + .../usage/v9/item-sliding/expandable/index.md | 25 + .../v9/item-sliding/expandable/javascript.md | 18 + .../usage/v9/item-sliding/expandable/react.md | 30 + .../usage/v9/item-sliding/expandable/vue.md | 24 + .../icons/angular/example_component_html.md | 120 + .../icons/angular/example_component_ts.md | 32 + static/usage/v9/item-sliding/icons/demo.html | 146 + static/usage/v9/item-sliding/icons/index.md | 32 + .../icons/javascript/index_html.md | 120 + .../item-sliding/icons/javascript/index_ts.md | 46 + static/usage/v9/item-sliding/icons/react.md | 129 + static/usage/v9/item-sliding/icons/vue.md | 127 + .../basic/angular/example_component_html.md | 40 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/item/basic/demo.html | 65 + static/usage/v9/item/basic/index.md | 25 + static/usage/v9/item/basic/javascript.md | 40 + static/usage/v9/item/basic/react.md | 50 + static/usage/v9/item/basic/vue.md | 46 + .../buttons/angular/example_component_html.md | 36 + .../buttons/angular/example_component_ts.md | 24 + static/usage/v9/item/buttons/demo.html | 62 + static/usage/v9/item/buttons/index.md | 32 + .../v9/item/buttons/javascript/index_html.md | 36 + .../v9/item/buttons/javascript/index_ts.md | 46 + static/usage/v9/item/buttons/react.md | 53 + static/usage/v9/item/buttons/vue.md | 43 + .../angular/example_component_html.md | 17 + .../clickable/angular/example_component_ts.md | 12 + static/usage/v9/item/clickable/demo.html | 42 + static/usage/v9/item/clickable/index.md | 24 + static/usage/v9/item/clickable/javascript.md | 17 + static/usage/v9/item/clickable/react.md | 27 + static/usage/v9/item/clickable/vue.md | 23 + .../actions/angular/example_component_html.md | 150 + .../actions/angular/example_component_ts.md | 50 + .../v9/item/content-types/actions/demo.html | 165 + .../v9/item/content-types/actions/index.md | 33 + .../actions/javascript/index_html.md | 150 + .../actions/javascript/index_ts.md | 46 + .../v9/item/content-types/actions/react.md | 174 + .../v9/item/content-types/actions/vue.md | 170 + .../angular/example_component_html.md | 39 + .../controls/angular/example_component_ts.md | 21 + .../v9/item/content-types/controls/demo.html | 54 + .../v9/item/content-types/controls/index.md | 26 + .../item/content-types/controls/javascript.md | 39 + .../v9/item/content-types/controls/react.md | 49 + .../v9/item/content-types/controls/vue.md | 45 + .../metadata/angular/example_component_css.md | 41 + .../angular/example_component_html.md | 90 + .../metadata/angular/example_component_ts.md | 35 + .../v9/item/content-types/metadata/demo.html | 146 + .../v9/item/content-types/metadata/index.md | 42 + .../metadata/javascript/index_html.md | 132 + .../metadata/javascript/index_ts.md | 46 + .../content-types/metadata/react/main_css.md | 41 + .../content-types/metadata/react/main_tsx.md | 122 + .../v9/item/content-types/metadata/vue.md | 150 + .../angular/example_component_html.md | 47 + .../angular/example_component_ts.md | 24 + .../supporting-visuals/demo.html | 66 + .../content-types/supporting-visuals/index.md | 32 + .../javascript/index_html.md | 47 + .../supporting-visuals/javascript/index_ts.md | 46 + .../content-types/supporting-visuals/react.md | 58 + .../content-types/supporting-visuals/vue.md | 54 + .../text/angular/example_component_css.md | 5 + .../text/angular/example_component_html.md | 33 + .../text/angular/example_component_ts.md | 36 + .../v9/item/content-types/text/demo.html | 53 + .../usage/v9/item/content-types/text/index.md | 36 + .../v9/item/content-types/text/javascript.md | 39 + .../item/content-types/text/react/main_css.md | 5 + .../item/content-types/text/react/main_tsx.md | 57 + .../usage/v9/item/content-types/text/vue.md | 57 + .../angular/example_component_html.md | 37 + .../angular/example_component_ts.md | 12 + static/usage/v9/item/detail-arrows/demo.html | 62 + static/usage/v9/item/detail-arrows/index.md | 25 + .../usage/v9/item/detail-arrows/javascript.md | 37 + static/usage/v9/item/detail-arrows/react.md | 48 + static/usage/v9/item/detail-arrows/vue.md | 44 + .../inputs/angular/example_component_html.md | 43 + .../inputs/angular/example_component_ts.md | 20 + static/usage/v9/item/inputs/demo.html | 68 + static/usage/v9/item/inputs/index.md | 25 + static/usage/v9/item/inputs/javascript.md | 47 + static/usage/v9/item/inputs/react.md | 53 + static/usage/v9/item/inputs/vue.md | 58 + .../lines/angular/example_component_html.md | 41 + .../lines/angular/example_component_ts.md | 24 + static/usage/v9/item/lines/demo.html | 66 + static/usage/v9/item/lines/index.md | 32 + .../v9/item/lines/javascript/index_html.md | 41 + .../v9/item/lines/javascript/index_ts.md | 46 + static/usage/v9/item/lines/react.md | 52 + static/usage/v9/item/lines/vue.md | 48 + .../media/angular/example_component_html.md | 15 + .../media/angular/example_component_ts.md | 12 + static/usage/v9/item/media/demo.html | 40 + static/usage/v9/item/media/index.md | 24 + static/usage/v9/item/media/javascript.md | 15 + static/usage/v9/item/media/react.md | 25 + static/usage/v9/item/media/vue.md | 21 + .../colors/angular/example_component_html.md | 32 + .../colors/angular/example_component_ts.md | 12 + static/usage/v9/item/theming/colors/demo.html | 57 + static/usage/v9/item/theming/colors/index.md | 25 + .../v9/item/theming/colors/javascript.md | 32 + static/usage/v9/item/theming/colors/react.md | 42 + static/usage/v9/item/theming/colors/vue.md | 38 + .../angular/example_component_css.md | 18 + .../angular/example_component_html.md | 13 + .../angular/example_component_ts.md | 12 + .../v9/item/theming/css-properties/demo.html | 55 + .../v9/item/theming/css-properties/index.md | 34 + .../item/theming/css-properties/javascript.md | 32 + .../theming/css-properties/react/main_css.md | 18 + .../theming/css-properties/react/main_tsx.md | 25 + .../v9/item/theming/css-properties/vue.md | 38 + .../angular/example_component_css.md | 18 + .../angular/example_component_html.md | 13 + .../angular/example_component_ts.md | 12 + .../item/theming/css-shadow-parts/demo.html | 55 + .../v9/item/theming/css-shadow-parts/index.md | 34 + .../theming/css-shadow-parts/javascript.md | 32 + .../css-shadow-parts/react/main_css.md | 18 + .../css-shadow-parts/react/main_tsx.md | 25 + .../v9/item/theming/css-shadow-parts/vue.md | 38 + .../angular/example_component_css.md | 8 + .../angular/example_component_html.md | 16 + .../angular/example_component_ts.md | 12 + .../v9/item/theming/input-highlight/demo.html | 48 + .../v9/item/theming/input-highlight/index.md | 35 + .../theming/input-highlight/javascript.md | 25 + .../theming/input-highlight/react/main_css.md | 8 + .../theming/input-highlight/react/main_tsx.md | 28 + .../v9/item/theming/input-highlight/vue.md | 31 + .../angular/example_component_html.md | 14 + .../angular/example_component_ts.md | 12 + .../usage/v9/keyboard/enterkeyhint/demo.html | 33 + .../usage/v9/keyboard/enterkeyhint/index.md | 24 + .../v9/keyboard/enterkeyhint/javascript.md | 14 + .../usage/v9/keyboard/enterkeyhint/react.md | 22 + static/usage/v9/keyboard/enterkeyhint/vue.md | 20 + .../angular/example_component_html.md | 19 + .../inputmode/angular/example_component_ts.md | 12 + static/usage/v9/keyboard/inputmode/demo.html | 44 + static/usage/v9/keyboard/inputmode/index.md | 24 + .../usage/v9/keyboard/inputmode/javascript.md | 19 + static/usage/v9/keyboard/inputmode/react.md | 27 + static/usage/v9/keyboard/inputmode/vue.md | 25 + .../basic/angular/example_component_html.md | 3 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/label/basic/demo.html | 22 + static/usage/v9/label/basic/index.md | 24 + static/usage/v9/label/basic/javascript.md | 3 + static/usage/v9/label/basic/react.md | 13 + static/usage/v9/label/basic/vue.md | 9 + .../input/angular/example_component_html.md | 31 + .../input/angular/example_component_ts.md | 12 + static/usage/v9/label/input/demo.html | 56 + static/usage/v9/label/input/index.md | 25 + static/usage/v9/label/input/javascript.md | 31 + static/usage/v9/label/input/react.md | 41 + static/usage/v9/label/input/vue.md | 37 + .../item/angular/example_component_html.md | 26 + .../item/angular/example_component_ts.md | 12 + static/usage/v9/label/item/demo.html | 51 + static/usage/v9/label/item/index.md | 25 + static/usage/v9/label/item/javascript.md | 26 + static/usage/v9/label/item/react.md | 36 + static/usage/v9/label/item/vue.md | 32 + .../colors/angular/example_component_html.md | 12 + .../colors/angular/example_component_ts.md | 12 + .../usage/v9/label/theming/colors/demo.html | 37 + static/usage/v9/label/theming/colors/index.md | 24 + .../v9/label/theming/colors/javascript.md | 12 + static/usage/v9/label/theming/colors/react.md | 22 + static/usage/v9/label/theming/colors/vue.md | 18 + .../angular/example_component_html.md | 45 + .../angular/example_component_ts.md | 56 + .../v9/layout/dynamic-font-scaling/demo.html | 60 + .../v9/layout/dynamic-font-scaling/index.md | 33 + .../javascript/index_html.md | 45 + .../javascript/index_ts.md | 46 + .../v9/layout/dynamic-font-scaling/react.md | 74 + .../v9/layout/dynamic-font-scaling/vue.md | 68 + .../basic/angular/example_component_html.md | 22 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/list-header/basic/demo.html | 47 + static/usage/v9/list-header/basic/index.md | 25 + .../usage/v9/list-header/basic/javascript.md | 22 + static/usage/v9/list-header/basic/react.md | 30 + static/usage/v9/list-header/basic/vue.md | 28 + .../buttons/angular/example_component_html.md | 23 + .../buttons/angular/example_component_ts.md | 12 + static/usage/v9/list-header/buttons/demo.html | 48 + static/usage/v9/list-header/buttons/index.md | 25 + .../v9/list-header/buttons/javascript.md | 23 + static/usage/v9/list-header/buttons/react.md | 31 + static/usage/v9/list-header/buttons/vue.md | 29 + .../lines/angular/example_component_html.md | 37 + .../lines/angular/example_component_ts.md | 12 + static/usage/v9/list-header/lines/demo.html | 62 + static/usage/v9/list-header/lines/index.md | 25 + .../usage/v9/list-header/lines/javascript.md | 37 + static/usage/v9/list-header/lines/react.md | 47 + static/usage/v9/list-header/lines/vue.md | 43 + .../colors/angular/example_component_html.md | 32 + .../colors/angular/example_component_ts.md | 12 + .../v9/list-header/theming/colors/demo.html | 57 + .../v9/list-header/theming/colors/index.md | 25 + .../list-header/theming/colors/javascript.md | 32 + .../v9/list-header/theming/colors/react.md | 42 + .../v9/list-header/theming/colors/vue.md | 38 + .../angular/example_component_css.md | 10 + .../angular/example_component_html.md | 5 + .../angular/example_component_ts.md | 12 + .../theming/css-properties/demo.html | 35 + .../theming/css-properties/index.md | 35 + .../theming/css-properties/javascript.md | 16 + .../theming/css-properties/react/main_css.md | 10 + .../theming/css-properties/react/main_tsx.md | 15 + .../list-header/theming/css-properties/vue.md | 22 + .../basic/angular/example_component_html.md | 19 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/list/basic/demo.html | 44 + static/usage/v9/list/basic/index.md | 25 + static/usage/v9/list/basic/javascript.md | 19 + static/usage/v9/list/basic/react.md | 27 + static/usage/v9/list/basic/vue.md | 25 + .../inset/angular/example_component_html.md | 21 + .../inset/angular/example_component_ts.md | 12 + static/usage/v9/list/inset/demo.html | 45 + static/usage/v9/list/inset/index.md | 26 + static/usage/v9/list/inset/javascript.md | 21 + static/usage/v9/list/inset/react.md | 29 + static/usage/v9/list/inset/vue.md | 27 + .../lines/angular/example_component_html.md | 37 + .../lines/angular/example_component_ts.md | 12 + static/usage/v9/list/lines/demo.html | 64 + static/usage/v9/list/lines/index.md | 25 + static/usage/v9/list/lines/javascript.md | 37 + static/usage/v9/list/lines/react.md | 47 + static/usage/v9/list/lines/vue.md | 43 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 23 + static/usage/v9/loading/controller/demo.html | 37 + static/usage/v9/loading/controller/index.md | 24 + .../usage/v9/loading/controller/javascript.md | 14 + static/usage/v9/loading/controller/react.md | 26 + static/usage/v9/loading/controller/vue.md | 18 + .../inline/angular/example_component_html.md | 4 + .../inline/angular/example_component_ts.md | 12 + static/usage/v9/loading/inline/demo.html | 23 + static/usage/v9/loading/inline/index.md | 24 + static/usage/v9/loading/inline/javascript.md | 4 + static/usage/v9/loading/inline/react.md | 13 + static/usage/v9/loading/inline/vue.md | 10 + .../angular/example_component_html.md | 4 + .../spinners/angular/example_component_ts.md | 12 + static/usage/v9/loading/spinners/demo.html | 23 + static/usage/v9/loading/spinners/index.md | 24 + .../usage/v9/loading/spinners/javascript.md | 4 + static/usage/v9/loading/spinners/react.md | 13 + static/usage/v9/loading/spinners/vue.md | 10 + .../theming/angular/example_component_html.md | 4 + .../theming/angular/example_component_ts.md | 12 + .../v9/loading/theming/angular/global_css.md | 8 + static/usage/v9/loading/theming/demo.html | 35 + static/usage/v9/loading/theming/index.md | 34 + static/usage/v9/loading/theming/javascript.md | 13 + .../v9/loading/theming/react/main_css.md | 8 + .../v9/loading/theming/react/main_tsx.md | 16 + static/usage/v9/loading/theming/vue.md | 18 + .../basic/angular/example_component_html.md | 21 + .../basic/angular/example_component_ts.md | 20 + static/usage/v9/menu/basic/demo.html | 36 + static/usage/v9/menu/basic/index.md | 25 + static/usage/v9/menu/basic/javascript.md | 21 + static/usage/v9/menu/basic/react.md | 30 + static/usage/v9/menu/basic/vue.md | 27 + .../angular/example_component_html.md | 43 + .../multiple/angular/example_component_ts.md | 49 + static/usage/v9/menu/multiple/demo.html | 92 + static/usage/v9/menu/multiple/index.md | 27 + static/usage/v9/menu/multiple/javascript.md | 72 + static/usage/v9/menu/multiple/react.md | 87 + static/usage/v9/menu/multiple/vue.md | 76 + .../sides/angular/example_component_html.md | 21 + .../sides/angular/example_component_ts.md | 20 + static/usage/v9/menu/sides/demo.html | 37 + static/usage/v9/menu/sides/index.md | 25 + static/usage/v9/menu/sides/javascript.md | 21 + static/usage/v9/menu/sides/react.md | 30 + static/usage/v9/menu/sides/vue.md | 27 + .../theming/angular/example_component_css.md | 11 + .../theming/angular/example_component_html.md | 23 + .../theming/angular/example_component_ts.md | 21 + static/usage/v9/menu/theming/demo.html | 47 + static/usage/v9/menu/theming/index.md | 35 + static/usage/v9/menu/theming/javascript.md | 35 + .../usage/v9/menu/theming/react/main_css.md | 11 + .../usage/v9/menu/theming/react/main_tsx.md | 33 + static/usage/v9/menu/theming/vue.md | 39 + .../toggle/angular/example_component_html.md | 26 + .../toggle/angular/example_component_ts.md | 20 + static/usage/v9/menu/toggle/demo.html | 41 + static/usage/v9/menu/toggle/index.md | 25 + static/usage/v9/menu/toggle/javascript.md | 26 + static/usage/v9/menu/toggle/react.md | 35 + static/usage/v9/menu/toggle/vue.md | 32 + .../type/angular/example_component_html.md | 46 + .../menu/type/angular/example_component_ts.md | 38 + static/usage/v9/menu/type/demo.html | 70 + static/usage/v9/menu/type/index.md | 25 + static/usage/v9/menu/type/javascript.md | 55 + static/usage/v9/menu/type/react.md | 74 + static/usage/v9/menu/type/vue.md | 67 + .../boolean/angular/example_component_html.md | 32 + .../boolean/angular/example_component_ts.md | 35 + .../v9/modal/can-dismiss/boolean/demo.html | 64 + .../v9/modal/can-dismiss/boolean/index.md | 26 + .../modal/can-dismiss/boolean/javascript.md | 49 + .../v9/modal/can-dismiss/boolean/react.md | 72 + .../usage/v9/modal/can-dismiss/boolean/vue.md | 67 + .../angular/child_component_html.md | 24 + .../child-state/angular/child_component_ts.md | 35 + .../angular/example_component_html.md | 23 + .../angular/example_component_ts.md | 70 + .../modal/can-dismiss/child-state/demo.html | 92 + .../v9/modal/can-dismiss/child-state/index.md | 40 + .../child-state/react/child_tsx.md | 55 + .../can-dismiss/child-state/react/main_tsx.md | 97 + .../can-dismiss/child-state/vue/child_vue.md | 51 + .../child-state/vue/example_vue.md | 85 + .../angular/example_component_html.md | 27 + .../function/angular/example_component_ts.md | 51 + .../v9/modal/can-dismiss/function/demo.html | 74 + .../v9/modal/can-dismiss/function/index.md | 26 + .../modal/can-dismiss/function/javascript.md | 59 + .../v9/modal/can-dismiss/function/react.md | 85 + .../v9/modal/can-dismiss/function/vue.md | 74 + .../angular/example_component_html.md | 30 + .../angular/example_component_ts.md | 24 + .../prevent-swipe-to-close/demo.html | 55 + .../prevent-swipe-to-close/index.md | 27 + .../prevent-swipe-to-close/javascript.md | 39 + .../prevent-swipe-to-close/react.md | 56 + .../can-dismiss/prevent-swipe-to-close/vue.md | 47 + .../basic/angular/example_component_html.md | 65 + .../basic/angular/example_component_ts.md | 45 + static/usage/v9/modal/card/basic/demo.html | 88 + static/usage/v9/modal/card/basic/index.md | 26 + .../usage/v9/modal/card/basic/javascript.md | 73 + static/usage/v9/modal/card/basic/react.md | 100 + static/usage/v9/modal/card/basic/vue.md | 96 + .../angular/example_component_html.md | 11 + .../angular/example_component_ts.md | 32 + .../angular/modal-example_component_html.md | 18 + .../angular/modal-example_component_ts.md | 34 + static/usage/v9/modal/controller/demo.html | 75 + static/usage/v9/modal/controller/index.md | 37 + .../usage/v9/modal/controller/javascript.md | 56 + static/usage/v9/modal/controller/react.md | 79 + .../v9/modal/controller/vue/example_vue.md | 37 + .../v9/modal/controller/vue/modal_vue.md | 40 + .../angular/example_component_html.md | 33 + .../angular/example_component_ts.md | 35 + .../custom-dialogs/angular/global_css.md | 28 + .../usage/v9/modal/custom-dialogs/demo.html | 79 + static/usage/v9/modal/custom-dialogs/index.md | 42 + .../custom-dialogs/javascript/index_html.md | 67 + .../custom-dialogs/javascript/index_ts.md | 46 + .../v9/modal/custom-dialogs/react/main_css.md | 28 + .../v9/modal/custom-dialogs/react/main_tsx.md | 64 + static/usage/v9/modal/custom-dialogs/vue.md | 82 + .../basic/angular/example_component_html.md | 37 + .../basic/angular/example_component_ts.md | 54 + static/usage/v9/modal/inline/basic/demo.html | 69 + static/usage/v9/modal/inline/basic/index.md | 26 + .../usage/v9/modal/inline/basic/javascript.md | 49 + static/usage/v9/modal/inline/basic/react.md | 79 + static/usage/v9/modal/inline/basic/vue.md | 71 + .../is-open/angular/example_component_html.md | 29 + .../is-open/angular/example_component_ts.md | 26 + .../usage/v9/modal/inline/is-open/demo.html | 46 + static/usage/v9/modal/inline/is-open/index.md | 26 + .../v9/modal/inline/is-open/javascript.md | 31 + static/usage/v9/modal/inline/is-open/react.md | 42 + static/usage/v9/modal/inline/is-open/vue.md | 39 + .../mount/angular/example_component_html.md | 23 + .../mount/angular/example_component_ts.md | 20 + .../v9/modal/performance/mount/demo.html | 47 + .../usage/v9/modal/performance/mount/index.md | 26 + .../v9/modal/performance/mount/javascript.md | 32 + .../usage/v9/modal/performance/mount/react.md | 36 + .../usage/v9/modal/performance/mount/vue.md | 32 + .../angular/example_component_css.md | 13 + .../angular/example_component_html.md | 16 + .../angular/example_component_ts.md | 12 + .../v9/modal/sheet/auto-height/demo.html | 49 + .../usage/v9/modal/sheet/auto-height/index.md | 35 + .../v9/modal/sheet/auto-height/javascript.md | 35 + .../modal/sheet/auto-height/react/main_css.md | 13 + .../modal/sheet/auto-height/react/main_tsx.md | 30 + .../usage/v9/modal/sheet/auto-height/vue.md | 34 + .../angular/example_component_css.md | 7 + .../angular/example_component_html.md | 72 + .../angular/example_component_ts.md | 48 + .../modal/sheet/background-content/demo.html | 103 + .../modal/sheet/background-content/index.md | 28 + .../sheet/background-content/javascript.md | 89 + .../modal/sheet/background-content/react.md | 100 + .../v9/modal/sheet/background-content/vue.md | 98 + .../basic/angular/example_component_html.md | 56 + .../basic/angular/example_component_ts.md | 38 + static/usage/v9/modal/sheet/basic/demo.html | 80 + static/usage/v9/modal/sheet/basic/index.md | 26 + .../usage/v9/modal/sheet/basic/javascript.md | 65 + static/usage/v9/modal/sheet/basic/react.md | 82 + static/usage/v9/modal/sheet/basic/vue.md | 73 + .../angular/example_component_html.md | 165 + .../angular/example_component_ts.md | 36 + .../v9/modal/sheet/expand-to-scroll/demo.html | 179 + .../v9/modal/sheet/expand-to-scroll/index.md | 26 + .../sheet/expand-to-scroll/javascript.md | 140 + .../v9/modal/sheet/expand-to-scroll/react.md | 185 + .../v9/modal/sheet/expand-to-scroll/vue.md | 181 + .../angular/example_component_html.md | 25 + .../angular/example_component_ts.md | 12 + .../v9/modal/sheet/handle-behavior/demo.html | 39 + .../v9/modal/sheet/handle-behavior/index.md | 26 + .../modal/sheet/handle-behavior/javascript.md | 24 + .../v9/modal/sheet/handle-behavior/react.md | 35 + .../v9/modal/sheet/handle-behavior/vue.md | 29 + .../angular/example_component_html.md | 63 + .../angular/example_component_ts.md | 69 + .../v9/modal/styling/animations/demo.html | 114 + .../v9/modal/styling/animations/index.md | 33 + .../animations/javascript/index_html.md | 95 + .../styling/animations/javascript/index_ts.md | 39 + .../v9/modal/styling/animations/react.md | 123 + .../usage/v9/modal/styling/animations/vue.md | 109 + .../theming/angular/example_component_html.md | 61 + .../theming/angular/example_component_ts.md | 38 + .../styling/theming/angular/global_css.md | 17 + .../usage/v9/modal/styling/theming/demo.html | 99 + .../usage/v9/modal/styling/theming/index.md | 35 + .../v9/modal/styling/theming/javascript.md | 87 + .../modal/styling/theming/react/main_css.md | 17 + .../modal/styling/theming/react/main_tsx.md | 95 + static/usage/v9/modal/styling/theming/vue.md | 101 + .../angular/example_component_html.md | 25 + .../angular/example_component_ts.md | 29 + .../angular/page_one_component_ts.md | 24 + .../angular/page_three_component_ts.md | 27 + .../angular/page_two_component_ts.md | 26 + .../usage/v9/nav/modal-navigation/demo.html | 100 + static/usage/v9/nav/modal-navigation/index.md | 54 + .../v9/nav/modal-navigation/javascript.md | 86 + .../v9/nav/modal-navigation/react/main_tsx.md | 60 + .../modal-navigation/react/page_one_tsx.md | 18 + .../modal-navigation/react/page_three_tsx.md | 19 + .../modal-navigation/react/page_two_tsx.md | 19 + .../nav/modal-navigation/vue/example_vue.md | 59 + .../nav/modal-navigation/vue/page_one_vue.md | 24 + .../modal-navigation/vue/page_three_vue.md | 29 + .../nav/modal-navigation/vue/page_two_vue.md | 24 + .../angular/example_component_html.md | 3 + .../nav-link/angular/example_component_ts.md | 16 + .../nav-link/angular/page_one_component_ts.md | 27 + .../angular/page_three_component_ts.md | 23 + .../nav-link/angular/page_two_component_ts.md | 41 + static/usage/v9/nav/nav-link/demo.html | 81 + static/usage/v9/nav/nav-link/index.md | 53 + static/usage/v9/nav/nav-link/javascript.md | 67 + .../usage/v9/nav/nav-link/react/main_tsx.md | 11 + .../v9/nav/nav-link/react/page_one_tsx.md | 26 + .../v9/nav/nav-link/react/page_three_tsx.md | 24 + .../v9/nav/nav-link/react/page_two_tsx.md | 38 + .../usage/v9/nav/nav-link/vue/example_vue.md | 13 + .../usage/v9/nav/nav-link/vue/page_one_vue.md | 23 + .../v9/nav/nav-link/vue/page_three_vue.md | 19 + .../usage/v9/nav/nav-link/vue/page_two_vue.md | 35 + .../basic/angular/example_component_html.md | 3 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/note/basic/demo.html | 22 + static/usage/v9/note/basic/index.md | 24 + static/usage/v9/note/basic/javascript.md | 3 + static/usage/v9/note/basic/react.md | 13 + static/usage/v9/note/basic/vue.md | 9 + .../item/angular/example_component_html.md | 11 + .../note/item/angular/example_component_ts.md | 12 + static/usage/v9/note/item/demo.html | 36 + static/usage/v9/note/item/index.md | 24 + static/usage/v9/note/item/javascript.md | 11 + static/usage/v9/note/item/react.md | 21 + static/usage/v9/note/item/vue.md | 17 + .../colors/angular/example_component_html.md | 12 + .../colors/angular/example_component_ts.md | 12 + static/usage/v9/note/theming/colors/demo.html | 47 + static/usage/v9/note/theming/colors/index.md | 24 + .../v9/note/theming/colors/javascript.md | 12 + static/usage/v9/note/theming/colors/react.md | 22 + static/usage/v9/note/theming/colors/vue.md | 18 + .../angular/example_component_css.md | 5 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 12 + .../v9/note/theming/css-properties/demo.html | 28 + .../v9/note/theming/css-properties/index.md | 34 + .../note/theming/css-properties/javascript.md | 9 + .../theming/css-properties/react/main_css.md | 5 + .../theming/css-properties/react/main_tsx.md | 15 + .../v9/note/theming/css-properties/vue.md | 15 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 56 + .../v9/picker-legacy/controller/demo.html | 68 + .../v9/picker-legacy/controller/index.md | 26 + .../v9/picker-legacy/controller/javascript.md | 46 + .../v9/picker-legacy/controller/react.md | 52 + .../usage/v9/picker-legacy/controller/vue.md | 53 + .../isOpen/angular/example_component_html.md | 9 + .../isOpen/angular/example_component_ts.md | 62 + .../v9/picker-legacy/inline/isOpen/demo.html | 67 + .../v9/picker-legacy/inline/isOpen/index.md | 26 + .../picker-legacy/inline/isOpen/javascript.md | 49 + .../v9/picker-legacy/inline/isOpen/react.md | 55 + .../v9/picker-legacy/inline/isOpen/vue.md | 59 + .../trigger/angular/example_component_html.md | 4 + .../trigger/angular/example_component_ts.md | 56 + .../v9/picker-legacy/inline/trigger/demo.html | 63 + .../v9/picker-legacy/inline/trigger/index.md | 26 + .../inline/trigger/javascript.md | 45 + .../v9/picker-legacy/inline/trigger/react.md | 52 + .../v9/picker-legacy/inline/trigger/vue.md | 47 + .../angular/example_component_html.md | 4 + .../angular/example_component_ts.md | 94 + .../picker-legacy/multiple-column/demo.html | 93 + .../v9/picker-legacy/multiple-column/index.md | 26 + .../multiple-column/javascript.md | 75 + .../v9/picker-legacy/multiple-column/react.md | 82 + .../v9/picker-legacy/multiple-column/vue.md | 77 + .../basic/angular/example_component_html.md | 11 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/picker/basic/demo.html | 31 + static/usage/v9/picker/basic/index.md | 25 + static/usage/v9/picker/basic/javascript.md | 11 + static/usage/v9/picker/basic/react.md | 24 + static/usage/v9/picker/basic/vue.md | 17 + .../modal/angular/example_component_css.md | 11 + .../modal/angular/example_component_html.md | 24 + .../modal/angular/example_component_ts.md | 30 + static/usage/v9/picker/modal/demo.html | 67 + static/usage/v9/picker/modal/index.md | 37 + static/usage/v9/picker/modal/javascript.md | 49 + .../usage/v9/picker/modal/react/main_css.md | 11 + .../usage/v9/picker/modal/react/main_tsx.md | 53 + static/usage/v9/picker/modal/vue.md | 62 + .../angular/example_component_html.md | 14 + .../angular/example_component_ts.md | 12 + .../usage/v9/picker/prefix-suffix/demo.html | 34 + static/usage/v9/picker/prefix-suffix/index.md | 25 + .../v9/picker/prefix-suffix/javascript.md | 14 + static/usage/v9/picker/prefix-suffix/react.md | 27 + static/usage/v9/picker/prefix-suffix/vue.md | 20 + .../angular/example_component_css.md | 36 + .../angular/example_component_html.md | 10 + .../angular/example_component_ts.md | 12 + .../picker/theming/css-properties/demo.html | 67 + .../v9/picker/theming/css-properties/index.md | 35 + .../theming/css-properties/javascript.md | 48 + .../theming/css-properties/react/main_css.md | 37 + .../theming/css-properties/react/main_tsx.md | 26 + .../v9/picker/theming/css-properties/vue.md | 53 + .../angular/example_component_css.md | 12 + .../angular/example_component_html.md | 31 + .../angular/example_component_ts.md | 12 + .../customization/positioning/demo.html | 50 + .../customization/positioning/index.md | 34 + .../customization/positioning/javascript.md | 36 + .../positioning/react/main_css.md | 12 + .../positioning/react/main_tsx.md | 33 + .../popover/customization/positioning/vue.md | 42 + .../sizing/angular/example_component_html.md | 15 + .../sizing/angular/example_component_ts.md | 12 + .../v9/popover/customization/sizing/demo.html | 30 + .../v9/popover/customization/sizing/index.md | 25 + .../customization/sizing/javascript.md | 11 + .../v9/popover/customization/sizing/react.md | 20 + .../v9/popover/customization/sizing/vue.md | 17 + .../styling/angular/example_component_html.md | 8 + .../styling/angular/example_component_ts.md | 12 + .../styling/angular/global_css.md | 17 + .../popover/customization/styling/demo.html | 43 + .../v9/popover/customization/styling/index.md | 34 + .../customization/styling/javascript.md | 24 + .../customization/styling/react/main_css.md | 17 + .../customization/styling/react/main_tsx.md | 18 + .../v9/popover/customization/styling/vue.md | 30 + .../nested/angular/example_component_html.md | 24 + .../nested/angular/example_component_ts.md | 12 + static/usage/v9/popover/nested/demo.html | 39 + static/usage/v9/popover/nested/index.md | 25 + static/usage/v9/popover/nested/javascript.md | 20 + static/usage/v9/popover/nested/react.md | 37 + static/usage/v9/popover/nested/vue.md | 26 + .../mount/angular/example_component_html.md | 8 + .../mount/angular/example_component_ts.md | 12 + .../v9/popover/performance/mount/demo.html | 25 + .../v9/popover/performance/mount/index.md | 25 + .../popover/performance/mount/javascript.md | 6 + .../v9/popover/performance/mount/react.md | 15 + .../usage/v9/popover/performance/mount/vue.md | 14 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 28 + .../angular/popover_component_html.md | 3 + .../angular/popover_component_ts.md | 11 + .../popover/presenting/controller/demo.html | 52 + .../v9/popover/presenting/controller/index.md | 37 + .../presenting/controller/javascript.md | 33 + .../v9/popover/presenting/controller/react.md | 26 + .../presenting/controller/vue/example_vue.md | 21 + .../presenting/controller/vue/popover_vue.md | 9 + .../angular/example_component_html.md | 8 + .../angular/example_component_ts.md | 21 + .../presenting/inline-isopen/demo.html | 37 + .../popover/presenting/inline-isopen/index.md | 25 + .../presenting/inline-isopen/javascript.md | 18 + .../popover/presenting/inline-isopen/react.md | 24 + .../popover/presenting/inline-isopen/vue.md | 21 + .../angular/example_component_html.md | 22 + .../angular/example_component_ts.md | 12 + .../presenting/inline-trigger/demo.html | 35 + .../presenting/inline-trigger/index.md | 25 + .../presenting/inline-trigger/javascript.md | 16 + .../presenting/inline-trigger/react.md | 25 + .../popover/presenting/inline-trigger/vue.md | 22 + .../buffer/angular/example_component_html.md | 3 + .../buffer/angular/example_component_ts.md | 31 + static/usage/v9/progress-bar/buffer/demo.html | 44 + static/usage/v9/progress-bar/buffer/index.md | 25 + .../v9/progress-bar/buffer/javascript.md | 25 + static/usage/v9/progress-bar/buffer/react.md | 28 + static/usage/v9/progress-bar/buffer/vue.md | 29 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 28 + .../v9/progress-bar/determinate/demo.html | 39 + .../v9/progress-bar/determinate/index.md | 25 + .../v9/progress-bar/determinate/javascript.md | 20 + .../v9/progress-bar/determinate/react.md | 25 + .../usage/v9/progress-bar/determinate/vue.md | 26 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 12 + .../v9/progress-bar/indeterminate/demo.html | 22 + .../v9/progress-bar/indeterminate/index.md | 24 + .../progress-bar/indeterminate/javascript.md | 3 + .../v9/progress-bar/indeterminate/react.md | 9 + .../v9/progress-bar/indeterminate/vue.md | 9 + .../colors/angular/example_component_html.md | 11 + .../colors/angular/example_component_ts.md | 12 + .../v9/progress-bar/theming/colors/demo.html | 37 + .../v9/progress-bar/theming/colors/index.md | 24 + .../progress-bar/theming/colors/javascript.md | 11 + .../v9/progress-bar/theming/colors/react.md | 21 + .../v9/progress-bar/theming/colors/vue.md | 17 + .../angular/example_component_css.md | 6 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 12 + .../theming/css-properties/demo.html | 35 + .../theming/css-properties/index.md | 34 + .../theming/css-properties/javascript.md | 11 + .../theming/css-properties/react/main_css.md | 6 + .../theming/css-properties/react/main_tsx.md | 16 + .../theming/css-properties/vue.md | 17 + .../angular/example_component_css.md | 13 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 12 + .../theming/css-shadow-parts/demo.html | 42 + .../theming/css-shadow-parts/index.md | 34 + .../theming/css-shadow-parts/javascript.md | 18 + .../css-shadow-parts/react/main_css.md | 13 + .../css-shadow-parts/react/main_tsx.md | 16 + .../theming/css-shadow-parts/vue.md | 24 + .../angular/example_component_html.md | 15 + .../alignment/angular/example_component_ts.md | 12 + static/usage/v9/radio/alignment/demo.html | 34 + static/usage/v9/radio/alignment/index.md | 24 + static/usage/v9/radio/alignment/javascript.md | 15 + static/usage/v9/radio/alignment/react.md | 27 + static/usage/v9/radio/alignment/vue.md | 21 + .../basic/angular/example_component_html.md | 8 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/radio/basic/demo.html | 33 + static/usage/v9/radio/basic/index.md | 24 + static/usage/v9/radio/basic/javascript.md | 8 + static/usage/v9/radio/basic/react.md | 19 + static/usage/v9/radio/basic/vue.md | 14 + .../angular/example_component_html.md | 8 + .../angular/example_component_ts.md | 12 + .../usage/v9/radio/empty-selection/demo.html | 27 + .../usage/v9/radio/empty-selection/index.md | 24 + .../v9/radio/empty-selection/javascript.md | 8 + .../usage/v9/radio/empty-selection/react.md | 20 + static/usage/v9/radio/empty-selection/vue.md | 14 + .../angular/example_component_html.md | 18 + .../angular/example_component_ts.md | 29 + static/usage/v9/radio/helper-error/demo.html | 62 + static/usage/v9/radio/helper-error/index.md | 24 + .../usage/v9/radio/helper-error/javascript.md | 40 + static/usage/v9/radio/helper-error/react.md | 58 + static/usage/v9/radio/helper-error/vue.md | 40 + .../justify/angular/example_component_html.md | 21 + .../justify/angular/example_component_ts.md | 12 + static/usage/v9/radio/justify/demo.html | 45 + static/usage/v9/radio/justify/index.md | 24 + static/usage/v9/radio/justify/javascript.md | 21 + static/usage/v9/radio/justify/react.md | 35 + static/usage/v9/radio/justify/vue.md | 27 + .../angular/example_component_html.md | 23 + .../angular/example_component_ts.md | 12 + .../usage/v9/radio/label-placement/demo.html | 44 + .../usage/v9/radio/label-placement/index.md | 24 + .../v9/radio/label-placement/javascript.md | 23 + .../usage/v9/radio/label-placement/react.md | 41 + static/usage/v9/radio/label-placement/vue.md | 29 + .../angular/example_component_css.md | 9 + .../angular/example_component_html.md | 17 + .../angular/example_component_ts.md | 12 + static/usage/v9/radio/label-wrap/demo.html | 48 + static/usage/v9/radio/label-wrap/index.md | 34 + .../usage/v9/radio/label-wrap/javascript.md | 27 + .../v9/radio/label-wrap/react/main_css.md | 9 + .../v9/radio/label-wrap/react/main_tsx.md | 29 + static/usage/v9/radio/label-wrap/vue.md | 33 + .../colors/angular/example_component_html.md | 29 + .../colors/angular/example_component_ts.md | 12 + .../usage/v9/radio/theming/colors/demo.html | 48 + static/usage/v9/radio/theming/colors/index.md | 25 + .../v9/radio/theming/colors/javascript.md | 29 + static/usage/v9/radio/theming/colors/react.md | 39 + static/usage/v9/radio/theming/colors/vue.md | 35 + .../angular/example_component_css.md | 21 + .../angular/example_component_html.md | 6 + .../angular/example_component_ts.md | 12 + .../v9/radio/theming/css-properties/demo.html | 47 + .../v9/radio/theming/css-properties/index.md | 35 + .../theming/css-properties/javascript.md | 28 + .../theming/css-properties/react/main_css.md | 21 + .../theming/css-properties/react/main_tsx.md | 16 + .../v9/radio/theming/css-properties/vue.md | 34 + .../angular/example_component_css.md | 32 + .../angular/example_component_html.md | 6 + .../angular/example_component_ts.md | 12 + .../radio/theming/css-shadow-parts/demo.html | 58 + .../radio/theming/css-shadow-parts/index.md | 35 + .../theming/css-shadow-parts/javascript.md | 39 + .../css-shadow-parts/react/main_css.md | 32 + .../css-shadow-parts/react/main_tsx.md | 16 + .../v9/radio/theming/css-shadow-parts/vue.md | 45 + .../angular/example_component_html.md | 11 + .../angular/example_component_ts.md | 45 + .../v9/radio/using-comparewith/demo.html | 67 + .../usage/v9/radio/using-comparewith/index.md | 25 + .../v9/radio/using-comparewith/javascript.md | 48 + .../usage/v9/radio/using-comparewith/react.md | 52 + .../usage/v9/radio/using-comparewith/vue.md | 41 + .../basic/angular/example_component_html.md | 3 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/range/basic/demo.html | 27 + static/usage/v9/range/basic/index.md | 26 + static/usage/v9/range/basic/javascript.md | 3 + static/usage/v9/range/basic/react.md | 8 + static/usage/v9/range/basic/vue.md | 9 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 12 + static/usage/v9/range/dual-knobs/demo.html | 34 + static/usage/v9/range/dual-knobs/index.md | 24 + .../usage/v9/range/dual-knobs/javascript.md | 11 + static/usage/v9/range/dual-knobs/react.md | 17 + static/usage/v9/range/dual-knobs/vue.md | 9 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 16 + .../usage/v9/range/ion-change-event/demo.html | 37 + .../usage/v9/range/ion-change-event/index.md | 25 + .../v9/range/ion-change-event/javascript.md | 11 + .../usage/v9/range/ion-change-event/react.md | 14 + static/usage/v9/range/ion-change-event/vue.md | 13 + .../angular/example_component_html.md | 7 + .../angular/example_component_ts.md | 20 + .../v9/range/ion-knob-move-event/demo.html | 41 + .../v9/range/ion-knob-move-event/index.md | 25 + .../range/ion-knob-move-event/javascript.md | 15 + .../v9/range/ion-knob-move-event/react.md | 15 + .../usage/v9/range/ion-knob-move-event/vue.md | 21 + .../angular/example_component_html.md | 5 + .../angular/example_component_ts.md | 12 + static/usage/v9/range/label-slot/demo.html | 29 + static/usage/v9/range/label-slot/index.md | 24 + .../usage/v9/range/label-slot/javascript.md | 5 + static/usage/v9/range/label-slot/react.md | 14 + static/usage/v9/range/label-slot/vue.md | 11 + .../labels/angular/example_component_html.md | 15 + .../labels/angular/example_component_ts.md | 12 + static/usage/v9/range/labels/demo.html | 41 + static/usage/v9/range/labels/index.md | 25 + static/usage/v9/range/labels/javascript.md | 15 + static/usage/v9/range/labels/react.md | 24 + static/usage/v9/range/labels/vue.md | 21 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 12 + .../usage/v9/range/no-visible-label/demo.html | 27 + .../usage/v9/range/no-visible-label/index.md | 24 + .../v9/range/no-visible-label/javascript.md | 3 + .../usage/v9/range/no-visible-label/react.md | 8 + static/usage/v9/range/no-visible-label/vue.md | 9 + .../pins/angular/example_component_html.md | 3 + .../pins/angular/example_component_ts.md | 16 + static/usage/v9/range/pins/demo.html | 33 + static/usage/v9/range/pins/index.md | 24 + static/usage/v9/range/pins/javascript.md | 10 + static/usage/v9/range/pins/react.md | 8 + static/usage/v9/range/pins/vue.md | 9 + .../slots/angular/example_component_html.md | 6 + .../slots/angular/example_component_ts.md | 24 + static/usage/v9/range/slots/demo.html | 30 + static/usage/v9/range/slots/index.md | 31 + .../v9/range/slots/javascript/index_html.md | 6 + .../v9/range/slots/javascript/index_ts.md | 46 + static/usage/v9/range/slots/react.md | 15 + static/usage/v9/range/slots/vue.md | 13 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 12 + .../usage/v9/range/snapping-ticks/demo.html | 27 + static/usage/v9/range/snapping-ticks/index.md | 24 + .../v9/range/snapping-ticks/javascript.md | 3 + static/usage/v9/range/snapping-ticks/react.md | 8 + static/usage/v9/range/snapping-ticks/vue.md | 9 + .../angular/example_component_css.md | 12 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 12 + .../v9/range/theming/css-properties/demo.html | 36 + .../v9/range/theming/css-properties/index.md | 34 + .../theming/css-properties/javascript.md | 16 + .../theming/css-properties/react/main_css.md | 12 + .../theming/css-properties/react/main_tsx.md | 11 + .../v9/range/theming/css-properties/vue.md | 22 + .../angular/example_component_css.md | 43 + .../angular/example_component_html.md | 11 + .../angular/example_component_ts.md | 12 + .../range/theming/css-shadow-parts/demo.html | 77 + .../range/theming/css-shadow-parts/index.md | 34 + .../theming/css-shadow-parts/javascript.md | 47 + .../css-shadow-parts/react/main_css.md | 43 + .../css-shadow-parts/react/main_tsx.md | 14 + .../v9/range/theming/css-shadow-parts/vue.md | 61 + .../advanced/angular/example_component_css.md | 11 + .../angular/example_component_html.md | 25 + .../advanced/angular/example_component_ts.md | 93 + static/usage/v9/refresher/advanced/demo.html | 97 + static/usage/v9/refresher/advanced/index.md | 42 + .../advanced/javascript/index_html.md | 82 + .../refresher/advanced/javascript/index_ts.md | 46 + .../v9/refresher/advanced/react/main_css.md | 11 + .../v9/refresher/advanced/react/main_tsx.md | 93 + static/usage/v9/refresher/advanced/vue.md | 91 + .../basic/angular/example_component_html.md | 15 + .../basic/angular/example_component_ts.md | 27 + static/usage/v9/refresher/basic/demo.html | 41 + static/usage/v9/refresher/basic/index.md | 26 + static/usage/v9/refresher/basic/javascript.md | 26 + static/usage/v9/refresher/basic/react.md | 40 + static/usage/v9/refresher/basic/vue.md | 36 + .../angular/example_component_html.md | 21 + .../angular/example_component_ts.md | 27 + .../v9/refresher/custom-content/demo.html | 47 + .../v9/refresher/custom-content/index.md | 26 + .../v9/refresher/custom-content/javascript.md | 32 + .../v9/refresher/custom-content/react.md | 46 + .../usage/v9/refresher/custom-content/vue.md | 43 + .../angular/example_component_css.md | 28 + .../angular/example_component_html.md | 17 + .../angular/example_component_ts.md | 27 + .../refresher/custom-scroll-target/demo.html | 72 + .../refresher/custom-scroll-target/index.md | 34 + .../custom-scroll-target/javascript.md | 57 + .../custom-scroll-target/react/main_css.md | 28 + .../custom-scroll-target/react/main_tsx.md | 44 + .../v9/refresher/custom-scroll-target/vue.md | 67 + .../angular/example_component_html.md | 15 + .../angular/example_component_ts.md | 27 + .../v9/refresher/pull-properties/demo.html | 41 + .../v9/refresher/pull-properties/index.md | 26 + .../refresher/pull-properties/javascript.md | 26 + .../v9/refresher/pull-properties/react.md | 40 + .../usage/v9/refresher/pull-properties/vue.md | 36 + .../basic/angular/example_component_html.md | 32 + .../basic/angular/example_component_ts.md | 30 + static/usage/v9/reorder/basic/demo.html | 71 + static/usage/v9/reorder/basic/index.md | 26 + static/usage/v9/reorder/basic/javascript.md | 46 + static/usage/v9/reorder/basic/react.md | 50 + static/usage/v9/reorder/basic/vue.md | 48 + .../angular/example_component_html.md | 42 + .../angular/example_component_ts.md | 43 + static/usage/v9/reorder/custom-icon/demo.html | 81 + static/usage/v9/reorder/custom-icon/index.md | 33 + .../v9/reorder/custom-icon/javascript.md | 56 + .../custom-icon/javascript/index_html.md | 56 + .../custom-icon/javascript/index_ts.md | 46 + static/usage/v9/reorder/custom-icon/react.md | 61 + static/usage/v9/reorder/custom-icon/vue.md | 59 + .../angular/example_component_css.md | 11 + .../angular/example_component_html.md | 36 + .../angular/example_component_ts.md | 31 + .../v9/reorder/custom-scroll-target/demo.html | 84 + .../v9/reorder/custom-scroll-target/index.md | 37 + .../custom-scroll-target/javascript.md | 62 + .../custom-scroll-target/react/main_css.md | 11 + .../custom-scroll-target/react/main_tsx.md | 64 + .../v9/reorder/custom-scroll-target/vue.md | 72 + .../angular/example_component_html.md | 19 + .../angular/example_component_ts.md | 79 + .../v9/reorder/reorder-move-event/demo.html | 116 + .../v9/reorder/reorder-move-event/index.md | 26 + .../reorder/reorder-move-event/javascript.md | 89 + .../v9/reorder/reorder-move-event/react.md | 92 + .../v9/reorder/reorder-move-event/vue.md | 81 + .../angular/example_component_html.md | 19 + .../angular/example_component_ts.md | 62 + .../reorder-start-end-events/demo.html | 82 + .../reorder/reorder-start-end-events/index.md | 33 + .../javascript/index_html.md | 57 + .../javascript/index_ts.md | 47 + .../reorder/reorder-start-end-events/react.md | 67 + .../reorder/reorder-start-end-events/vue.md | 59 + .../angular/example_component_html.md | 34 + .../angular/example_component_ts.md | 37 + .../v9/reorder/toggling-disabled/demo.html | 82 + .../v9/reorder/toggling-disabled/index.md | 26 + .../reorder/toggling-disabled/javascript.md | 52 + .../v9/reorder/toggling-disabled/react.md | 68 + .../usage/v9/reorder/toggling-disabled/vue.md | 65 + .../angular/example_component_html.md | 14 + .../angular/example_component_ts.md | 35 + .../usage/v9/reorder/updating-data/demo.html | 74 + .../usage/v9/reorder/updating-data/index.md | 26 + .../v9/reorder/updating-data/javascript.md | 49 + .../usage/v9/reorder/updating-data/react.md | 37 + static/usage/v9/reorder/updating-data/vue.md | 34 + .../wrapper/angular/example_component_html.md | 37 + .../wrapper/angular/example_component_ts.md | 30 + static/usage/v9/reorder/wrapper/demo.html | 76 + static/usage/v9/reorder/wrapper/index.md | 26 + static/usage/v9/reorder/wrapper/javascript.md | 51 + static/usage/v9/reorder/wrapper/react.md | 55 + static/usage/v9/reorder/wrapper/vue.md | 53 + .../basic/angular/example_component_css.md | 43 + .../basic/angular/example_component_html.md | 17 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/ripple-effect/basic/demo.html | 80 + static/usage/v9/ripple-effect/basic/index.md | 35 + .../v9/ripple-effect/basic/javascript.md | 61 + .../v9/ripple-effect/basic/react/main_css.md | 43 + .../v9/ripple-effect/basic/react/main_tsx.md | 27 + static/usage/v9/ripple-effect/basic/vue.md | 67 + .../angular/example_component_css.md | 44 + .../angular/example_component_html.md | 15 + .../angular/example_component_ts.md | 12 + .../v9/ripple-effect/customizing/demo.html | 79 + .../v9/ripple-effect/customizing/index.md | 35 + .../ripple-effect/customizing/javascript.md | 60 + .../customizing/react/main_css.md | 44 + .../customizing/react/main_tsx.md | 25 + .../usage/v9/ripple-effect/customizing/vue.md | 66 + .../type/angular/example_component_css.md | 44 + .../type/angular/example_component_html.md | 15 + .../type/angular/example_component_ts.md | 12 + static/usage/v9/ripple-effect/type/demo.html | 79 + static/usage/v9/ripple-effect/type/index.md | 35 + .../usage/v9/ripple-effect/type/javascript.md | 60 + .../v9/ripple-effect/type/react/main_css.md | 44 + .../v9/ripple-effect/type/react/main_tsx.md | 25 + static/usage/v9/ripple-effect/type/vue.md | 66 + static/usage/v9/router/basic/demo.html | 62 + static/usage/v9/router/basic/index.md | 11 + static/usage/v9/router/basic/javascript.md | 47 + .../basic/angular/example_component_html.md | 7 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/searchbar/basic/demo.html | 32 + static/usage/v9/searchbar/basic/index.md | 25 + static/usage/v9/searchbar/basic/javascript.md | 7 + static/usage/v9/searchbar/basic/react.md | 17 + static/usage/v9/searchbar/basic/vue.md | 13 + .../angular/example_component_html.md | 11 + .../angular/example_component_ts.md | 24 + .../v9/searchbar/cancel-button/demo.html | 36 + .../usage/v9/searchbar/cancel-button/index.md | 25 + .../v9/searchbar/cancel-button/javascript.md | 11 + .../usage/v9/searchbar/cancel-button/react.md | 22 + .../usage/v9/searchbar/cancel-button/vue.md | 18 + .../angular/example_component_html.md | 6 + .../angular/example_component_ts.md | 24 + .../usage/v9/searchbar/clear-button/demo.html | 31 + .../usage/v9/searchbar/clear-button/index.md | 25 + .../v9/searchbar/clear-button/javascript.md | 6 + .../usage/v9/searchbar/clear-button/react.md | 17 + static/usage/v9/searchbar/clear-button/vue.md | 13 + .../angular/example_component_html.md | 11 + .../debounce/angular/example_component_ts.md | 32 + static/usage/v9/searchbar/debounce/demo.html | 73 + static/usage/v9/searchbar/debounce/index.md | 26 + .../usage/v9/searchbar/debounce/javascript.md | 48 + static/usage/v9/searchbar/debounce/react.md | 41 + static/usage/v9/searchbar/debounce/vue.md | 35 + .../angular/example_component_html.md | 4 + .../angular/example_component_ts.md | 24 + .../usage/v9/searchbar/search-icon/demo.html | 29 + .../usage/v9/searchbar/search-icon/index.md | 24 + .../v9/searchbar/search-icon/javascript.md | 4 + .../usage/v9/searchbar/search-icon/react.md | 15 + static/usage/v9/searchbar/search-icon/vue.md | 11 + .../colors/angular/example_component_html.md | 12 + .../colors/angular/example_component_ts.md | 12 + .../v9/searchbar/theming/colors/demo.html | 37 + .../v9/searchbar/theming/colors/index.md | 25 + .../v9/searchbar/theming/colors/javascript.md | 12 + .../v9/searchbar/theming/colors/react.md | 22 + .../usage/v9/searchbar/theming/colors/vue.md | 18 + .../angular/example_component_css.md | 20 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 12 + .../theming/css-properties/demo.html | 46 + .../searchbar/theming/css-properties/index.md | 34 + .../theming/css-properties/javascript.md | 24 + .../theming/css-properties/react/main_css.md | 20 + .../theming/css-properties/react/main_tsx.md | 11 + .../searchbar/theming/css-properties/vue.md | 30 + .../basic/angular/example_component_html.md | 25 + .../basic/angular/example_component_ts.md | 12 + .../usage/v9/segment-button/basic/demo.html | 54 + static/usage/v9/segment-button/basic/index.md | 24 + .../v9/segment-button/basic/javascript.md | 25 + static/usage/v9/segment-button/basic/react.md | 35 + static/usage/v9/segment-button/basic/vue.md | 31 + .../layout/angular/example_component_html.md | 73 + .../layout/angular/example_component_ts.md | 24 + .../usage/v9/segment-button/layout/demo.html | 102 + .../usage/v9/segment-button/layout/index.md | 32 + .../layout/javascript/index_html.md | 73 + .../layout/javascript/index_ts.md | 46 + .../usage/v9/segment-button/layout/react.md | 84 + static/usage/v9/segment-button/layout/vue.md | 80 + .../angular/example_component_css.md | 19 + .../angular/example_component_html.md | 13 + .../angular/example_component_ts.md | 12 + .../theming/css-properties/demo.html | 57 + .../theming/css-properties/index.md | 34 + .../theming/css-properties/javascript.md | 33 + .../theming/css-properties/react/main_css.md | 19 + .../theming/css-properties/react/main_tsx.md | 23 + .../theming/css-properties/vue.md | 39 + .../angular/example_component_css.md | 31 + .../angular/example_component_html.md | 13 + .../angular/example_component_ts.md | 12 + .../theming/css-shadow-parts/demo.html | 69 + .../theming/css-shadow-parts/index.md | 34 + .../theming/css-shadow-parts/javascript.md | 45 + .../css-shadow-parts/react/main_css.md | 31 + .../css-shadow-parts/react/main_tsx.md | 23 + .../theming/css-shadow-parts/vue.md | 51 + .../basic/angular/example_component_html.md | 19 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/segment/basic/demo.html | 48 + static/usage/v9/segment/basic/index.md | 24 + static/usage/v9/segment/basic/javascript.md | 19 + static/usage/v9/segment/basic/react.md | 29 + static/usage/v9/segment/basic/vue.md | 25 + .../angular/example_component_html.md | 34 + .../angular/example_component_ts.md | 24 + static/usage/v9/segment/scrollable/demo.html | 64 + static/usage/v9/segment/scrollable/index.md | 32 + .../scrollable/javascript/index_html.md | 34 + .../segment/scrollable/javascript/index_ts.md | 47 + static/usage/v9/segment/scrollable/react.md | 43 + static/usage/v9/segment/scrollable/vue.md | 41 + .../angular/example_component_css.md | 20 + .../angular/example_component_html.md | 18 + .../swipeable/angular/example_component_ts.md | 12 + static/usage/v9/segment/swipeable/demo.html | 56 + static/usage/v9/segment/swipeable/index.md | 34 + .../usage/v9/segment/swipeable/javascript.md | 39 + .../v9/segment/swipeable/react/main_css.md | 20 + .../v9/segment/swipeable/react/main_tsx.md | 30 + static/usage/v9/segment/swipeable/vue.md | 45 + .../colors/angular/example_component_html.md | 82 + .../colors/angular/example_component_ts.md | 12 + .../usage/v9/segment/theming/colors/demo.html | 111 + .../usage/v9/segment/theming/colors/index.md | 25 + .../v9/segment/theming/colors/javascript.md | 82 + .../usage/v9/segment/theming/colors/react.md | 92 + static/usage/v9/segment/theming/colors/vue.md | 88 + .../angular/example_component_css.md | 5 + .../angular/example_component_html.md | 10 + .../angular/example_component_ts.md | 12 + .../segment/theming/css-properties/demo.html | 40 + .../segment/theming/css-properties/index.md | 34 + .../theming/css-properties/javascript.md | 16 + .../theming/css-properties/react/main_css.md | 5 + .../theming/css-properties/react/main_tsx.md | 22 + .../v9/segment/theming/css-properties/vue.md | 22 + .../angular/example_component_html.md | 11 + .../angular/example_component_ts.md | 12 + .../select/basic/multiple-selection/demo.html | 30 + .../select/basic/multiple-selection/index.md | 25 + .../basic/multiple-selection/javascript.md | 11 + .../select/basic/multiple-selection/react.md | 18 + .../v9/select/basic/multiple-selection/vue.md | 17 + .../angular/example_component_html.md | 17 + .../angular/example_component_ts.md | 24 + .../basic/responding-to-interaction/demo.html | 46 + .../basic/responding-to-interaction/index.md | 26 + .../responding-to-interaction/javascript.md | 27 + .../basic/responding-to-interaction/react.md | 26 + .../basic/responding-to-interaction/vue.md | 35 + .../angular/example_component_html.md | 11 + .../angular/example_component_ts.md | 12 + .../select/basic/single-selection/demo.html | 30 + .../v9/select/basic/single-selection/index.md | 25 + .../basic/single-selection/javascript.md | 11 + .../v9/select/basic/single-selection/react.md | 18 + .../v9/select/basic/single-selection/vue.md | 17 + .../angular/example_component_html.md | 23 + .../angular/example_component_ts.md | 12 + .../customization/button-text/demo.html | 47 + .../select/customization/button-text/index.md | 25 + .../customization/button-text/javascript.md | 23 + .../select/customization/button-text/react.md | 30 + .../select/customization/button-text/vue.md | 29 + .../angular/example_component_html.md | 17 + .../angular/example_component_ts.md | 24 + .../custom-toggle-icons/demo.html | 36 + .../custom-toggle-icons/index.md | 25 + .../custom-toggle-icons/javascript.md | 17 + .../custom-toggle-icons/react.md | 26 + .../customization/custom-toggle-icons/vue.md | 24 + .../angular/example_component_css.md | 13 + .../angular/example_component_html.md | 30 + .../angular/example_component_ts.md | 24 + .../icon-flip-behavior/demo.html | 63 + .../customization/icon-flip-behavior/index.md | 34 + .../icon-flip-behavior/javascript.md | 44 + .../icon-flip-behavior/react/main_css.md | 13 + .../icon-flip-behavior/react/main_tsx.md | 41 + .../customization/icon-flip-behavior/vue.md | 51 + .../angular/example_component_html.md | 40 + .../angular/example_component_ts.md | 36 + .../customization/interface-options/demo.html | 99 + .../customization/interface-options/index.md | 25 + .../interface-options/javascript.md | 69 + .../customization/interface-options/react.md | 71 + .../customization/interface-options/vue.md | 75 + .../angular/example_component_css.md | 27 + .../angular/example_component_html.md | 7 + .../angular/example_component_ts.md | 12 + .../customization/styling-select/demo.html | 58 + .../customization/styling-select/index.md | 34 + .../styling-select/javascript.md | 35 + .../styling-select/react/main_css.md | 27 + .../styling-select/react/main_tsx.md | 17 + .../customization/styling-select/vue.md | 41 + .../fill/angular/example_component_html.md | 15 + .../fill/angular/example_component_ts.md | 12 + static/usage/v9/select/fill/demo.html | 42 + static/usage/v9/select/fill/index.md | 26 + static/usage/v9/select/fill/javascript.md | 15 + static/usage/v9/select/fill/react.md | 25 + static/usage/v9/select/fill/vue.md | 21 + .../angular/example_component_html.md | 19 + .../angular/example_component_ts.md | 29 + static/usage/v9/select/helper-error/demo.html | 68 + static/usage/v9/select/helper-error/index.md | 25 + .../v9/select/helper-error/javascript.md | 53 + static/usage/v9/select/helper-error/react.md | 72 + static/usage/v9/select/helper-error/vue.md | 51 + .../angular/example_component_html.md | 11 + .../angular/example_component_ts.md | 12 + .../select/interfaces/action-sheet/demo.html | 30 + .../select/interfaces/action-sheet/index.md | 25 + .../interfaces/action-sheet/javascript.md | 11 + .../select/interfaces/action-sheet/react.md | 18 + .../v9/select/interfaces/action-sheet/vue.md | 17 + .../modal/angular/example_component_html.md | 11 + .../modal/angular/example_component_ts.md | 12 + .../v9/select/interfaces/modal/demo.html | 30 + .../usage/v9/select/interfaces/modal/index.md | 25 + .../v9/select/interfaces/modal/javascript.md | 11 + .../usage/v9/select/interfaces/modal/react.md | 18 + .../usage/v9/select/interfaces/modal/vue.md | 17 + .../popover/angular/example_component_html.md | 11 + .../popover/angular/example_component_ts.md | 12 + .../v9/select/interfaces/popover/demo.html | 30 + .../v9/select/interfaces/popover/index.md | 25 + .../select/interfaces/popover/javascript.md | 11 + .../v9/select/interfaces/popover/react.md | 18 + .../usage/v9/select/interfaces/popover/vue.md | 17 + .../justify/angular/example_component_html.md | 23 + .../justify/angular/example_component_ts.md | 12 + static/usage/v9/select/justify/demo.html | 49 + static/usage/v9/select/justify/index.md | 25 + static/usage/v9/select/justify/javascript.md | 23 + static/usage/v9/select/justify/react.md | 33 + static/usage/v9/select/justify/vue.md | 31 + .../angular/example_component_html.md | 35 + .../angular/example_component_ts.md | 12 + .../usage/v9/select/label-placement/demo.html | 60 + .../usage/v9/select/label-placement/index.md | 25 + .../v9/select/label-placement/javascript.md | 35 + .../usage/v9/select/label-placement/react.md | 43 + static/usage/v9/select/label-placement/vue.md | 41 + .../angular/example_component_html.md | 12 + .../angular/example_component_ts.md | 12 + static/usage/v9/select/label-slot/demo.html | 31 + static/usage/v9/select/label-slot/index.md | 25 + .../usage/v9/select/label-slot/javascript.md | 12 + static/usage/v9/select/label-slot/react.md | 22 + static/usage/v9/select/label-slot/vue.md | 18 + .../angular/example_component_html.md | 11 + .../angular/example_component_ts.md | 12 + .../v9/select/no-visible-label/demo.html | 30 + .../usage/v9/select/no-visible-label/index.md | 25 + .../v9/select/no-visible-label/javascript.md | 11 + .../usage/v9/select/no-visible-label/react.md | 19 + .../usage/v9/select/no-visible-label/vue.md | 17 + .../angular/example_component_html.md | 17 + .../angular/example_component_ts.md | 53 + .../multiple-selection/demo.html | 72 + .../multiple-selection/index.md | 26 + .../multiple-selection/javascript.md | 53 + .../multiple-selection/react.md | 63 + .../multiple-selection/vue.md | 55 + .../angular/example_component_html.md | 16 + .../angular/example_component_ts.md | 45 + .../using-comparewith/demo.html | 64 + .../using-comparewith/index.md | 26 + .../using-comparewith/javascript.md | 46 + .../using-comparewith/react.md | 54 + .../using-comparewith/vue.md | 46 + .../angular/example_component_html.md | 15 + .../angular/example_component_ts.md | 24 + .../usage/v9/select/start-end-slots/demo.html | 40 + .../usage/v9/select/start-end-slots/index.md | 32 + .../start-end-slots/javascript/index_html.md | 15 + .../start-end-slots/javascript/index_ts.md | 46 + .../usage/v9/select/start-end-slots/react.md | 24 + static/usage/v9/select/start-end-slots/vue.md | 22 + .../typeahead/angular/angular_types_ts.md | 6 + .../angular/example_component_html.md | 23 + .../typeahead/angular/example_component_ts.md | 71 + .../angular/typeahead_component_html.md | 28 + .../angular/typeahead_component_ts.md | 103 + static/usage/v9/select/typeahead/demo.html | 220 + static/usage/v9/select/typeahead/index.md | 50 + .../usage/v9/select/typeahead/javascript.md | 205 + .../v9/select/typeahead/react/main_tsx.md | 83 + .../select/typeahead/react/react_types_ts.md | 6 + .../react/typeahead_component_tsx.md | 122 + .../v9/select/typeahead/vue/example_vue.md | 76 + .../typeahead/vue/typeahead_component_vue.md | 115 + .../v9/select/typeahead/vue/vue_types_ts.md | 6 + .../basic/angular/example_component_html.md | 41 + .../basic/angular/example_component_ts.md | 35 + static/usage/v9/skeleton-text/basic/demo.html | 89 + static/usage/v9/skeleton-text/basic/index.md | 32 + .../basic/javascript/index_html.md | 60 + .../basic/javascript/index_ts.md | 46 + static/usage/v9/skeleton-text/basic/react.md | 61 + static/usage/v9/skeleton-text/basic/vue.md | 59 + .../angular/example_component_css.md | 7 + .../angular/example_component_html.md | 23 + .../angular/example_component_ts.md | 12 + .../theming/css-properties/demo.html | 58 + .../theming/css-properties/index.md | 35 + .../theming/css-properties/javascript.md | 31 + .../theming/css-properties/react/main_css.md | 7 + .../theming/css-properties/react/main_tsx.md | 33 + .../theming/css-properties/vue.md | 37 + .../basic/angular/example_component_html.md | 51 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/spinner/basic/demo.html | 77 + static/usage/v9/spinner/basic/index.md | 25 + static/usage/v9/spinner/basic/javascript.md | 51 + static/usage/v9/spinner/basic/react.md | 61 + static/usage/v9/spinner/basic/vue.md | 57 + .../colors/angular/example_component_html.md | 12 + .../colors/angular/example_component_ts.md | 12 + .../usage/v9/spinner/theming/colors/demo.html | 31 + .../usage/v9/spinner/theming/colors/index.md | 25 + .../v9/spinner/theming/colors/javascript.md | 12 + .../usage/v9/spinner/theming/colors/react.md | 22 + static/usage/v9/spinner/theming/colors/vue.md | 18 + .../angular/example_component_css.md | 5 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 12 + .../spinner/theming/css-properties/demo.html | 28 + .../spinner/theming/css-properties/index.md | 34 + .../theming/css-properties/javascript.md | 9 + .../spinner/theming/css-properties/react.md | 9 + .../theming/css-properties/react/main_css.md | 5 + .../theming/css-properties/react/main_tsx.md | 15 + .../v9/spinner/theming/css-properties/vue.md | 15 + .../resizing/angular/example_component_css.md | 6 + .../angular/example_component_html.md | 3 + .../resizing/angular/example_component_ts.md | 12 + .../v9/spinner/theming/resizing/demo.html | 29 + .../v9/spinner/theming/resizing/index.md | 34 + .../v9/spinner/theming/resizing/javascript.md | 10 + .../v9/spinner/theming/resizing/react.md | 9 + .../theming/resizing/react/main_css.md | 6 + .../theming/resizing/react/main_tsx.md | 15 + .../usage/v9/spinner/theming/resizing/vue.md | 16 + .../basic/angular/example_component_html.md | 21 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/split-pane/basic/demo.html | 36 + static/usage/v9/split-pane/basic/index.md | 25 + .../usage/v9/split-pane/basic/javascript.md | 21 + static/usage/v9/split-pane/basic/react.md | 29 + static/usage/v9/split-pane/basic/vue.md | 27 + .../angular/example_component_css.md | 8 + .../angular/example_component_html.md | 21 + .../angular/example_component_ts.md | 12 + .../theming/css-properties/demo.html | 44 + .../theming/css-properties/index.md | 35 + .../theming/css-properties/javascript.md | 30 + .../theming/css-properties/react/main_css.md | 8 + .../theming/css-properties/react/main_tsx.md | 31 + .../split-pane/theming/css-properties/vue.md | 36 + .../basic/angular/example_component_css.md | 10 + .../basic/angular/example_component_html.md | 71 + .../basic/angular/example_component_ts.md | 34 + static/usage/v9/tabs/basic/demo.html | 94 + static/usage/v9/tabs/basic/index.md | 42 + .../v9/tabs/basic/javascript/index_html.md | 82 + .../v9/tabs/basic/javascript/index_ts.md | 46 + static/usage/v9/tabs/basic/react/main_css.md | 10 + static/usage/v9/tabs/basic/react/main_tsx.md | 94 + static/usage/v9/tabs/basic/vue.md | 100 + .../tabs/router/angular/app_component_html.md | 5 + .../tabs/router/angular/app_component_ts.md | 14 + .../v9/tabs/router/angular/app_routes_ts.md | 39 + .../router/angular/example_component_html.md | 22 + .../router/angular/example_component_ts.md | 24 + .../v9/tabs/router/angular/global_css.md | 8 + .../angular/home_page_component_html.md | 10 + .../router/angular/home_page_component_ts.md | 11 + .../angular/library_page_component_html.md | 10 + .../angular/library_page_component_ts.md | 11 + .../angular/radio_page_component_html.md | 10 + .../router/angular/radio_page_component_ts.md | 11 + .../angular/search_page_component_html.md | 10 + .../angular/search_page_component_ts.md | 11 + static/usage/v9/tabs/router/demo.html | 114 + static/usage/v9/tabs/router/index.md | 94 + .../v9/tabs/router/javascript/index_html.md | 101 + .../v9/tabs/router/javascript/index_ts.md | 46 + .../v9/tabs/router/react/home_page_tsx.md | 28 + .../v9/tabs/router/react/library_page_tsx.md | 28 + static/usage/v9/tabs/router/react/main_tsx.md | 58 + .../v9/tabs/router/react/radio_page_tsx.md | 28 + .../v9/tabs/router/react/search_page_tsx.md | 28 + static/usage/v9/tabs/router/vue/app_vue.md | 12 + .../usage/v9/tabs/router/vue/example_vue.md | 35 + .../usage/v9/tabs/router/vue/home_page_vue.md | 27 + .../v9/tabs/router/vue/library_page_vue.md | 27 + static/usage/v9/tabs/router/vue/main_ts.md | 43 + .../v9/tabs/router/vue/radio_page_vue.md | 27 + static/usage/v9/tabs/router/vue/router_ts.md | 46 + .../v9/tabs/router/vue/search_page_vue.md | 27 + .../angular/example_component_css.md | 12 + .../angular/example_component_html.md | 74 + .../angular/example_component_ts.md | 41 + static/usage/v9/tabs/select-method/demo.html | 106 + static/usage/v9/tabs/select-method/index.md | 42 + .../select-method/javascript/index_html.md | 94 + .../tabs/select-method/javascript/index_ts.md | 46 + .../v9/tabs/select-method/react/main_css.md | 12 + .../v9/tabs/select-method/react/main_tsx.md | 103 + static/usage/v9/tabs/select-method/vue.md | 113 + .../basic/angular/example_component_html.md | 21 + .../basic/angular/example_component_ts.md | 24 + static/usage/v9/text/basic/demo.html | 59 + static/usage/v9/text/basic/index.md | 31 + .../v9/text/basic/javascript/index_html.md | 21 + .../v9/text/basic/javascript/index_ts.md | 46 + static/usage/v9/text/basic/react.md | 35 + static/usage/v9/text/basic/vue.md | 28 + .../angular/example_component_html.md | 10 + .../autogrow/angular/example_component_ts.md | 12 + static/usage/v9/textarea/autogrow/demo.html | 41 + static/usage/v9/textarea/autogrow/index.md | 25 + .../usage/v9/textarea/autogrow/javascript.md | 10 + static/usage/v9/textarea/autogrow/react.md | 16 + static/usage/v9/textarea/autogrow/vue.md | 16 + .../basic/angular/example_component_html.md | 13 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/textarea/basic/demo.html | 38 + static/usage/v9/textarea/basic/index.md | 25 + static/usage/v9/textarea/basic/javascript.md | 13 + static/usage/v9/textarea/basic/react.md | 20 + static/usage/v9/textarea/basic/vue.md | 19 + .../angular/example_component_html.md | 6 + .../angular/example_component_ts.md | 12 + .../usage/v9/textarea/clear-on-edit/demo.html | 29 + .../usage/v9/textarea/clear-on-edit/index.md | 25 + .../v9/textarea/clear-on-edit/javascript.md | 6 + .../usage/v9/textarea/clear-on-edit/react.md | 13 + static/usage/v9/textarea/clear-on-edit/vue.md | 12 + .../counter/angular/example_component_html.md | 11 + .../counter/angular/example_component_ts.md | 16 + static/usage/v9/textarea/counter/demo.html | 44 + static/usage/v9/textarea/counter/index.md | 25 + .../usage/v9/textarea/counter/javascript.md | 16 + static/usage/v9/textarea/counter/react.md | 21 + static/usage/v9/textarea/counter/vue.md | 21 + .../fill/angular/example_component_html.md | 7 + .../fill/angular/example_component_ts.md | 12 + static/usage/v9/textarea/fill/demo.html | 44 + static/usage/v9/textarea/fill/index.md | 26 + static/usage/v9/textarea/fill/javascript.md | 12 + static/usage/v9/textarea/fill/react.md | 21 + static/usage/v9/textarea/fill/vue.md | 18 + .../angular/example_component_html.md | 11 + .../angular/example_component_ts.md | 12 + .../usage/v9/textarea/helper-error/demo.html | 61 + .../usage/v9/textarea/helper-error/index.md | 25 + .../v9/textarea/helper-error/javascript.md | 37 + .../usage/v9/textarea/helper-error/react.md | 49 + static/usage/v9/textarea/helper-error/vue.md | 42 + .../angular/example_component_html.md | 16 + .../angular/example_component_ts.md | 12 + .../v9/textarea/label-placement/demo.html | 41 + .../v9/textarea/label-placement/index.md | 25 + .../v9/textarea/label-placement/javascript.md | 16 + .../v9/textarea/label-placement/react.md | 24 + .../usage/v9/textarea/label-placement/vue.md | 22 + .../angular/example_component_html.md | 9 + .../angular/example_component_ts.md | 12 + static/usage/v9/textarea/label-slot/demo.html | 28 + static/usage/v9/textarea/label-slot/index.md | 24 + .../v9/textarea/label-slot/javascript.md | 9 + static/usage/v9/textarea/label-slot/react.md | 19 + static/usage/v9/textarea/label-slot/vue.md | 15 + .../angular/example_component_html.md | 7 + .../angular/example_component_ts.md | 12 + .../v9/textarea/no-visible-label/demo.html | 26 + .../v9/textarea/no-visible-label/index.md | 24 + .../textarea/no-visible-label/javascript.md | 7 + .../v9/textarea/no-visible-label/react.md | 15 + .../usage/v9/textarea/no-visible-label/vue.md | 13 + .../angular/example_component_html.md | 12 + .../angular/example_component_ts.md | 24 + .../v9/textarea/start-end-slots/demo.html | 31 + .../v9/textarea/start-end-slots/index.md | 31 + .../start-end-slots/javascript/index_html.md | 12 + .../start-end-slots/javascript/index_ts.md | 46 + .../v9/textarea/start-end-slots/react.md | 21 + .../usage/v9/textarea/start-end-slots/vue.md | 19 + .../theming/angular/example_component_css.md | 10 + .../theming/angular/example_component_html.md | 10 + .../theming/angular/example_component_ts.md | 12 + .../v9/textarea/theming/angular/global_css.md | 14 + static/usage/v9/textarea/theming/demo.html | 50 + static/usage/v9/textarea/theming/index.md | 37 + .../usage/v9/textarea/theming/javascript.md | 28 + .../v9/textarea/theming/react/main_css.md | 17 + .../v9/textarea/theming/react/main_tsx.md | 20 + static/usage/v9/textarea/theming/vue.md | 34 + .../angular/example_component_html.md | 45 + .../angular/example_component_ts.md | 56 + .../always-dark-mode/angular/styles_css.md | 39 + .../v9/theming/always-dark-mode/demo.html | 82 + .../v9/theming/always-dark-mode/index.md | 54 + .../always-dark-mode/javascript/index_html.md | 45 + .../always-dark-mode/javascript/index_ts.md | 47 + .../theming/always-dark-mode/react/app_tsx.md | 46 + .../always-dark-mode/react/main_tsx.md | 76 + .../always-dark-mode/theme/variables_css.md | 27 + .../always-dark-mode/vue/example_vue.md | 67 + .../theming/always-dark-mode/vue/main_ts.md | 38 + .../angular/example_component_html.md | 45 + .../angular/example_component_ts.md | 56 + .../angular/styles_css.md | 37 + .../always-high-contrast-mode/demo.html | 61 + .../always-high-contrast-mode/index.md | 48 + .../javascript/index_html.md | 45 + .../javascript/index_ts.md | 45 + .../react/app_tsx.md | 41 + .../react/main_tsx.md | 76 + .../vue/example_vue.md | 67 + .../always-high-contrast-mode/vue/main_ts.md | 33 + .../angular/example_component_html.md | 53 + .../angular/example_component_ts.md | 88 + .../class-dark-mode/angular/global_css.md | 6 + .../class-dark-mode/angular/styles_css.md | 39 + .../v9/theming/class-dark-mode/demo.html | 150 + .../usage/v9/theming/class-dark-mode/index.md | 58 + .../class-dark-mode/javascript/index_html.md | 94 + .../class-dark-mode/javascript/index_ts.md | 47 + .../theming/class-dark-mode/react/app_tsx.md | 46 + .../theming/class-dark-mode/react/main_css.md | 6 + .../theming/class-dark-mode/react/main_tsx.md | 125 + .../class-dark-mode/theme/variables_css.md | 33 + .../class-dark-mode/vue/example_vue.md | 112 + .../v9/theming/class-dark-mode/vue/main_ts.md | 38 + .../angular/example_component_html.md | 61 + .../angular/example_component_ts.md | 110 + .../angular/global_css.md | 6 + .../angular/styles_css.md | 40 + .../class-high-contrast-mode/demo.html | 145 + .../theming/class-high-contrast-mode/index.md | 52 + .../javascript/index_html.md | 111 + .../javascript/index_ts.md | 48 + .../class-high-contrast-mode/react/app_tsx.md | 44 + .../react/main_css.md | 6 + .../react/main_tsx.md | 157 + .../vue/example_vue.md | 136 + .../class-high-contrast-mode/vue/main_ts.md | 36 + .../angular/example_component_html.md | 45 + .../angular/example_component_ts.md | 56 + .../system-dark-mode/angular/global_css.md | 6 + .../system-dark-mode/angular/styles_css.md | 39 + .../v9/theming/system-dark-mode/demo.html | 95 + .../v9/theming/system-dark-mode/index.md | 58 + .../system-dark-mode/javascript/index_html.md | 52 + .../system-dark-mode/javascript/index_ts.md | 47 + .../theming/system-dark-mode/react/app_tsx.md | 46 + .../system-dark-mode/react/main_css.md | 6 + .../system-dark-mode/react/main_tsx.md | 78 + .../system-dark-mode/theme/variables_css.md | 35 + .../system-dark-mode/vue/example_vue.md | 74 + .../theming/system-dark-mode/vue/main_ts.md | 38 + .../angular/example_component_html.md | 45 + .../angular/example_component_ts.md | 56 + .../angular/styles_css.md | 40 + .../system-high-contrast-mode/demo.html | 69 + .../system-high-contrast-mode/index.md | 48 + .../javascript/index_html.md | 45 + .../javascript/index_ts.md | 48 + .../react/app_tsx.md | 44 + .../react/main_tsx.md | 76 + .../vue/example_vue.md | 67 + .../system-high-contrast-mode/vue/main_ts.md | 39 + .../basic/angular/example_component_html.md | 5 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/thumbnail/basic/demo.html | 24 + static/usage/v9/thumbnail/basic/index.md | 24 + static/usage/v9/thumbnail/basic/javascript.md | 5 + static/usage/v9/thumbnail/basic/react.md | 15 + static/usage/v9/thumbnail/basic/vue.md | 11 + .../item/angular/example_component_html.md | 8 + .../item/angular/example_component_ts.md | 12 + static/usage/v9/thumbnail/item/demo.html | 27 + static/usage/v9/thumbnail/item/index.md | 24 + static/usage/v9/thumbnail/item/javascript.md | 8 + static/usage/v9/thumbnail/item/react.md | 18 + static/usage/v9/thumbnail/item/vue.md | 14 + .../angular/example_component_css.md | 6 + .../angular/example_component_html.md | 5 + .../angular/example_component_ts.md | 12 + .../theming/css-properties/demo.html | 31 + .../thumbnail/theming/css-properties/index.md | 35 + .../theming/css-properties/javascript.md | 12 + .../theming/css-properties/react/main_css.md | 6 + .../theming/css-properties/react/main_tsx.md | 17 + .../thumbnail/theming/css-properties/vue.md | 18 + .../basic/angular/example_component_html.md | 7 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/title/basic/demo.html | 22 + static/usage/v9/title/basic/index.md | 26 + static/usage/v9/title/basic/javascript.md | 7 + static/usage/v9/title/basic/react.md | 15 + static/usage/v9/title/basic/vue.md | 13 + .../basic/angular/example_component_html.md | 39 + .../basic/angular/example_component_ts.md | 12 + .../collapsible-large-title/basic/demo.html | 54 + .../collapsible-large-title/basic/index.md | 28 + .../basic/javascript.md | 39 + .../collapsible-large-title/basic/react.md | 49 + .../collapsible-large-title/basic/vue.md | 45 + .../buttons/angular/example_component_html.md | 45 + .../buttons/angular/example_component_ts.md | 21 + .../collapsible-large-title/buttons/demo.html | 60 + .../collapsible-large-title/buttons/index.md | 27 + .../buttons/javascript.md | 45 + .../collapsible-large-title/buttons/react.md | 55 + .../collapsible-large-title/buttons/vue.md | 51 + .../angular/example_component_html.md | 37 + .../angular/example_component_ts.md | 12 + .../css-properties/angular/global_css.md | 14 + .../v9/title/theming/css-properties/demo.html | 67 + .../v9/title/theming/css-properties/index.md | 36 + .../theming/css-properties/javascript.md | 52 + .../theming/css-properties/react/main_css.md | 14 + .../theming/css-properties/react/main_tsx.md | 49 + .../v9/title/theming/css-properties/vue.md | 57 + .../buttons/angular/example_component_html.md | 10 + .../buttons/angular/example_component_ts.md | 34 + static/usage/v9/toast/buttons/demo.html | 54 + static/usage/v9/toast/buttons/index.md | 26 + static/usage/v9/toast/buttons/javascript.md | 30 + static/usage/v9/toast/buttons/react.md | 35 + static/usage/v9/toast/buttons/vue.md | 38 + .../icon/angular/example_component_html.md | 4 + .../icon/angular/example_component_ts.md | 24 + static/usage/v9/toast/icon/demo.html | 28 + static/usage/v9/toast/icon/index.md | 25 + static/usage/v9/toast/icon/javascript.md | 4 + static/usage/v9/toast/icon/react.md | 15 + static/usage/v9/toast/icon/vue.md | 11 + .../basic/angular/example_component_html.md | 12 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/toast/inline/basic/demo.html | 27 + static/usage/v9/toast/inline/basic/index.md | 26 + .../usage/v9/toast/inline/basic/javascript.md | 12 + static/usage/v9/toast/inline/basic/react.md | 25 + static/usage/v9/toast/inline/basic/vue.md | 18 + .../is-open/angular/example_component_html.md | 16 + .../is-open/angular/example_component_ts.md | 18 + .../usage/v9/toast/inline/is-open/demo.html | 33 + static/usage/v9/toast/inline/is-open/index.md | 26 + .../v9/toast/inline/is-open/javascript.md | 18 + static/usage/v9/toast/inline/is-open/react.md | 31 + static/usage/v9/toast/inline/is-open/vue.md | 28 + .../layout/angular/example_component_html.md | 17 + .../layout/angular/example_component_ts.md | 18 + static/usage/v9/toast/layout/demo.html | 49 + static/usage/v9/toast/layout/index.md | 25 + static/usage/v9/toast/layout/javascript.md | 27 + static/usage/v9/toast/layout/react.md | 35 + static/usage/v9/toast/layout/vue.md | 29 + .../angular/example_component_html.md | 33 + .../angular/example_component_ts.md | 12 + .../usage/v9/toast/position-anchor/demo.html | 57 + .../usage/v9/toast/position-anchor/index.md | 26 + .../v9/toast/position-anchor/javascript.md | 33 + .../usage/v9/toast/position-anchor/react.md | 43 + static/usage/v9/toast/position-anchor/vue.md | 39 + .../angular/example_component_html.md | 5 + .../angular/example_component_ts.md | 24 + .../v9/toast/presenting/controller/demo.html | 52 + .../v9/toast/presenting/controller/index.md | 25 + .../toast/presenting/controller/javascript.md | 17 + .../v9/toast/presenting/controller/react.md | 31 + .../v9/toast/presenting/controller/vue.md | 21 + .../angular/example_component_html.md | 17 + .../angular/example_component_ts.md | 12 + static/usage/v9/toast/swipe-gesture/demo.html | 35 + static/usage/v9/toast/swipe-gesture/index.md | 26 + .../v9/toast/swipe-gesture/javascript.md | 17 + static/usage/v9/toast/swipe-gesture/react.md | 27 + static/usage/v9/toast/swipe-gesture/vue.md | 23 + .../theming/angular/example_component_html.md | 10 + .../theming/angular/example_component_ts.md | 21 + .../v9/toast/theming/angular/global_css.md | 17 + static/usage/v9/toast/theming/demo.html | 61 + static/usage/v9/toast/theming/index.md | 34 + static/usage/v9/toast/theming/javascript.md | 32 + .../usage/v9/toast/theming/react/main_css.md | 17 + .../usage/v9/toast/theming/react/main_tsx.md | 27 + static/usage/v9/toast/theming/vue.md | 41 + .../angular/example_component_html.md | 4 + .../alignment/angular/example_component_ts.md | 12 + static/usage/v9/toggle/alignment/demo.html | 25 + static/usage/v9/toggle/alignment/index.md | 24 + .../usage/v9/toggle/alignment/javascript.md | 4 + static/usage/v9/toggle/alignment/react.md | 20 + static/usage/v9/toggle/alignment/vue.md | 10 + .../basic/angular/example_component_html.md | 6 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/toggle/basic/demo.html | 27 + static/usage/v9/toggle/basic/index.md | 24 + static/usage/v9/toggle/basic/javascript.md | 6 + static/usage/v9/toggle/basic/react.md | 24 + static/usage/v9/toggle/basic/vue.md | 12 + .../angular/example_component_html.md | 13 + .../angular/example_component_ts.md | 28 + static/usage/v9/toggle/helper-error/demo.html | 48 + static/usage/v9/toggle/helper-error/index.md | 24 + .../v9/toggle/helper-error/javascript.md | 28 + static/usage/v9/toggle/helper-error/react.md | 38 + static/usage/v9/toggle/helper-error/vue.md | 32 + .../justify/angular/example_component_html.md | 13 + .../justify/angular/example_component_ts.md | 12 + static/usage/v9/toggle/justify/demo.html | 38 + static/usage/v9/toggle/justify/index.md | 24 + static/usage/v9/toggle/justify/javascript.md | 13 + static/usage/v9/toggle/justify/react.md | 21 + static/usage/v9/toggle/justify/vue.md | 19 + .../angular/example_component_html.md | 6 + .../angular/example_component_ts.md | 12 + .../usage/v9/toggle/label-placement/demo.html | 27 + .../usage/v9/toggle/label-placement/index.md | 25 + .../v9/toggle/label-placement/javascript.md | 6 + .../usage/v9/toggle/label-placement/react.md | 22 + static/usage/v9/toggle/label-placement/vue.md | 12 + .../list/angular/example_component_html.md | 13 + .../list/angular/example_component_ts.md | 12 + static/usage/v9/toggle/list/demo.html | 32 + static/usage/v9/toggle/list/index.md | 24 + static/usage/v9/toggle/list/javascript.md | 13 + static/usage/v9/toggle/list/react.md | 21 + static/usage/v9/toggle/list/vue.md | 19 + .../on-off/angular/example_component_html.md | 3 + .../on-off/angular/example_component_ts.md | 12 + static/usage/v9/toggle/on-off/demo.html | 22 + static/usage/v9/toggle/on-off/index.md | 24 + static/usage/v9/toggle/on-off/javascript.md | 3 + static/usage/v9/toggle/on-off/react.md | 9 + static/usage/v9/toggle/on-off/vue.md | 9 + .../colors/angular/example_component_html.md | 11 + .../colors/angular/example_component_ts.md | 12 + .../usage/v9/toggle/theming/colors/demo.html | 30 + .../usage/v9/toggle/theming/colors/index.md | 24 + .../v9/toggle/theming/colors/javascript.md | 11 + .../usage/v9/toggle/theming/colors/react.md | 21 + static/usage/v9/toggle/theming/colors/vue.md | 17 + .../angular/example_component_css.md | 27 + .../angular/example_component_html.md | 4 + .../angular/example_component_ts.md | 12 + .../toggle/theming/css-properties/demo.html | 50 + .../v9/toggle/theming/css-properties/index.md | 34 + .../theming/css-properties/javascript.md | 32 + .../theming/css-properties/react/main_css.md | 27 + .../theming/css-properties/react/main_tsx.md | 16 + .../v9/toggle/theming/css-properties/vue.md | 38 + .../angular/example_component_css.md | 34 + .../angular/example_component_html.md | 4 + .../angular/example_component_ts.md | 12 + .../toggle/theming/css-shadow-parts/demo.html | 58 + .../toggle/theming/css-shadow-parts/index.md | 34 + .../theming/css-shadow-parts/javascript.md | 39 + .../css-shadow-parts/react/main_css.md | 34 + .../css-shadow-parts/react/main_tsx.md | 16 + .../v9/toggle/theming/css-shadow-parts/vue.md | 45 + .../basic/angular/example_component_html.md | 13 + .../basic/angular/example_component_ts.md | 12 + static/usage/v9/toolbar/basic/demo.html | 28 + static/usage/v9/toolbar/basic/index.md | 26 + static/usage/v9/toolbar/basic/javascript.md | 13 + static/usage/v9/toolbar/basic/react.md | 23 + static/usage/v9/toolbar/basic/vue.md | 19 + .../buttons/angular/example_component_html.md | 84 + .../buttons/angular/example_component_ts.md | 32 + static/usage/v9/toolbar/buttons/demo.html | 110 + static/usage/v9/toolbar/buttons/index.md | 32 + .../toolbar/buttons/javascript/index_html.md | 84 + .../v9/toolbar/buttons/javascript/index_ts.md | 47 + static/usage/v9/toolbar/buttons/react.md | 95 + static/usage/v9/toolbar/buttons/vue.md | 91 + .../angular/example_component_html.md | 8 + .../angular/example_component_ts.md | 12 + .../usage/v9/toolbar/progress-bars/demo.html | 23 + .../usage/v9/toolbar/progress-bars/index.md | 26 + .../v9/toolbar/progress-bars/javascript.md | 8 + .../usage/v9/toolbar/progress-bars/react.md | 16 + static/usage/v9/toolbar/progress-bars/vue.md | 14 + .../angular/example_component_html.md | 10 + .../angular/example_component_ts.md | 12 + static/usage/v9/toolbar/searchbars/demo.html | 25 + static/usage/v9/toolbar/searchbars/index.md | 26 + .../usage/v9/toolbar/searchbars/javascript.md | 10 + static/usage/v9/toolbar/searchbars/react.md | 18 + static/usage/v9/toolbar/searchbars/vue.md | 16 + .../angular/example_component_html.md | 14 + .../segments/angular/example_component_ts.md | 12 + static/usage/v9/toolbar/segments/demo.html | 29 + static/usage/v9/toolbar/segments/index.md | 26 + .../usage/v9/toolbar/segments/javascript.md | 14 + static/usage/v9/toolbar/segments/react.md | 22 + static/usage/v9/toolbar/segments/vue.md | 20 + .../colors/angular/example_component_html.md | 32 + .../colors/angular/example_component_ts.md | 12 + .../usage/v9/toolbar/theming/colors/demo.html | 58 + .../usage/v9/toolbar/theming/colors/index.md | 25 + .../v9/toolbar/theming/colors/javascript.md | 32 + .../usage/v9/toolbar/theming/colors/react.md | 42 + static/usage/v9/toolbar/theming/colors/vue.md | 38 + .../angular/example_component_css.md | 14 + .../angular/example_component_html.md | 5 + .../angular/example_component_ts.md | 12 + .../toolbar/theming/css-properties/demo.html | 44 + .../toolbar/theming/css-properties/index.md | 35 + .../theming/css-properties/javascript.md | 20 + .../theming/css-properties/react/main_css.md | 14 + .../theming/css-properties/react/main_tsx.md | 15 + .../v9/toolbar/theming/css-properties/vue.md | 26 + versioned_docs/version-v8/README.md | 17 + .../version-v8/angular/add-to-existing.md | 344 + .../version-v8/angular/build-options.md | 700 + .../version-v8/angular/injection-tokens.md | 177 + .../version-v8/angular/lifecycle.md | 103 + .../version-v8/angular/navigation.md | 475 + versioned_docs/version-v8/angular/overview.md | 71 + .../version-v8/angular/performance.md | 73 + versioned_docs/version-v8/angular/platform.md | 246 + versioned_docs/version-v8/angular/pwa.md | 166 + .../version-v8/angular/quickstart.md | 441 + versioned_docs/version-v8/angular/slides.md | 366 + versioned_docs/version-v8/angular/storage.md | 50 + versioned_docs/version-v8/angular/testing.md | 593 + .../version-v8/angular/virtual-scroll.md | 133 + .../version-v8/angular/your-first-app.md | 238 + .../angular/your-first-app/2-taking-photos.md | 236 + .../angular/your-first-app/3-saving-photos.md | 220 + .../your-first-app/4-loading-photos.md | 247 + .../angular/your-first-app/5-adding-mobile.md | 304 + .../your-first-app/6-deploying-mobile.md | 114 + .../angular/your-first-app/7-live-reload.md | 171 + .../angular/your-first-app/8-distribute.md | 107 + versioned_docs/version-v8/api.md | 17 + .../version-v8/api/accordion-group.md | 59 + versioned_docs/version-v8/api/accordion.md | 217 + versioned_docs/version-v8/api/action-sheet.md | 298 + versioned_docs/version-v8/api/alert.md | 350 + versioned_docs/version-v8/api/app.md | 53 + versioned_docs/version-v8/api/avatar.md | 67 + versioned_docs/version-v8/api/back-button.md | 57 + versioned_docs/version-v8/api/backdrop.md | 51 + versioned_docs/version-v8/api/badge.md | 70 + versioned_docs/version-v8/api/breadcrumb.md | 60 + versioned_docs/version-v8/api/breadcrumbs.md | 104 + versioned_docs/version-v8/api/button.md | 115 + versioned_docs/version-v8/api/buttons.md | 87 + versioned_docs/version-v8/api/card-content.md | 35 + versioned_docs/version-v8/api/card-header.md | 37 + .../version-v8/api/card-subtitle.md | 37 + versioned_docs/version-v8/api/card-title.md | 42 + versioned_docs/version-v8/api/card.md | 87 + versioned_docs/version-v8/api/checkbox.md | 133 + versioned_docs/version-v8/api/chip.md | 64 + versioned_docs/version-v8/api/col.md | 49 + versioned_docs/version-v8/api/content.md | 181 + .../version-v8/api/datetime-button.md | 80 + versioned_docs/version-v8/api/datetime.md | 499 + versioned_docs/version-v8/api/fab-button.md | 43 + versioned_docs/version-v8/api/fab-list.md | 35 + versioned_docs/version-v8/api/fab.md | 130 + versioned_docs/version-v8/api/footer.md | 79 + versioned_docs/version-v8/api/grid.md | 215 + versioned_docs/version-v8/api/header.md | 92 + versioned_docs/version-v8/api/icon.md | 45 + versioned_docs/version-v8/api/img.md | 46 + .../version-v8/api/infinite-scroll-content.md | 34 + .../version-v8/api/infinite-scroll.md | 123 + versioned_docs/version-v8/api/input-otp.md | 173 + .../version-v8/api/input-password-toggle.md | 52 + versioned_docs/version-v8/api/input.md | 229 + versioned_docs/version-v8/api/item-divider.md | 63 + versioned_docs/version-v8/api/item-group.md | 50 + versioned_docs/version-v8/api/item-option.md | 42 + versioned_docs/version-v8/api/item-options.md | 50 + versioned_docs/version-v8/api/item-sliding.md | 77 + versioned_docs/version-v8/api/item.md | 295 + versioned_docs/version-v8/api/label.md | 61 + versioned_docs/version-v8/api/list-header.md | 74 + versioned_docs/version-v8/api/list.md | 66 + versioned_docs/version-v8/api/loading.md | 114 + versioned_docs/version-v8/api/menu-button.md | 42 + versioned_docs/version-v8/api/menu-toggle.md | 44 + versioned_docs/version-v8/api/menu.md | 110 + versioned_docs/version-v8/api/modal.md | 323 + versioned_docs/version-v8/api/nav-link.md | 42 + versioned_docs/version-v8/api/nav.md | 80 + versioned_docs/version-v8/api/note.md | 65 + .../version-v8/api/picker-column-option.md | 38 + .../version-v8/api/picker-column.md | 38 + .../version-v8/api/picker-legacy.md | 151 + versioned_docs/version-v8/api/picker.md | 99 + versioned_docs/version-v8/api/popover.md | 258 + versioned_docs/version-v8/api/progress-bar.md | 96 + versioned_docs/version-v8/api/radio-group.md | 60 + versioned_docs/version-v8/api/radio.md | 134 + versioned_docs/version-v8/api/range.md | 193 + .../version-v8/api/refresher-content.md | 35 + versioned_docs/version-v8/api/refresher.md | 143 + .../version-v8/api/reorder-group.md | 108 + versioned_docs/version-v8/api/reorder.md | 125 + .../version-v8/api/ripple-effect.md | 67 + .../version-v8/api/route-redirect.md | 114 + versioned_docs/version-v8/api/route.md | 269 + versioned_docs/version-v8/api/router-link.md | 45 + .../version-v8/api/router-outlet.md | 59 + versioned_docs/version-v8/api/router.md | 114 + versioned_docs/version-v8/api/row.md | 49 + versioned_docs/version-v8/api/searchbar.md | 141 + .../version-v8/api/segment-button.md | 71 + .../version-v8/api/segment-content.md | 52 + versioned_docs/version-v8/api/segment-view.md | 40 + versioned_docs/version-v8/api/segment.md | 135 + .../version-v8/api/select-option.md | 42 + versioned_docs/version-v8/api/select.md | 349 + .../version-v8/api/skeleton-text.md | 54 + versioned_docs/version-v8/api/spinner.md | 71 + versioned_docs/version-v8/api/split-pane.md | 81 + versioned_docs/version-v8/api/tab-bar.md | 171 + versioned_docs/version-v8/api/tab-button.md | 219 + versioned_docs/version-v8/api/tab.md | 51 + versioned_docs/version-v8/api/tabs.md | 88 + versioned_docs/version-v8/api/text.md | 49 + versioned_docs/version-v8/api/textarea.md | 173 + versioned_docs/version-v8/api/thumbnail.md | 61 + versioned_docs/version-v8/api/title.md | 96 + versioned_docs/version-v8/api/toast.md | 271 + versioned_docs/version-v8/api/toggle.md | 149 + versioned_docs/version-v8/api/toolbar.md | 109 + versioned_docs/version-v8/cli.md | 54 + .../version-v8/cli/commands/.gitignore | 2 + .../version-v8/cli/configuration.md | 243 + versioned_docs/version-v8/cli/livereload.md | 73 + .../version-v8/cli/using-a-proxy.md | 45 + versioned_docs/version-v8/components.md | 182 + versioned_docs/version-v8/contributing/coc.md | 13 + .../contributing/how-to-contribute.md | 252 + .../core-concepts/cross-platform.md | 180 + .../version-v8/core-concepts/fundamentals.md | 79 + .../version-v8/core-concepts/webview.md | 50 + .../what-are-progressive-web-apps.md | 72 + .../version-v8/deployment/app-store.md | 123 + .../version-v8/deployment/play-store.mdx | 167 + .../deployment/progressive-web-app.md | 31 + .../version-v8/developer-resources/courses.md | 107 + .../version-v8/developer-resources/guides.md | 9 + .../creating-photo-gallery-device-storage.md | 195 + .../guides/first-app-v3/intro.md | 117 + .../guides/first-app-v3/ios-android-camera.md | 156 + .../realtime-updates-ionic-deploy.md | 193 + .../guides/first-app-v3/theming.md | 47 + .../track-bugs-ionic-monitoring.md | 92 + .../creating-photo-gallery-device-storage.md | 202 + .../guides/first-app-v4/intro.md | 97 + .../guides/first-app-v4/ios-android-camera.md | 154 + .../guides/first-app-v4/theming.md | 56 + .../version-v8/developer-resources/posts.md | 77 + .../version-v8/developer-resources/tools.md | 21 + .../version-v8/developer-resources/videos.md | 21 + .../version-v8/developing/android.md | 38 + .../version-v8/developing/config.md | 214 + .../developing/config/global/index.md | 89 + .../developing/config/per-component/index.md | 184 + .../config/per-platform-fallback/index.md | 108 + .../config/per-platform-overrides/index.md | 120 + .../developing/config/per-platform/index.md | 89 + .../developing/hardware-back-button.md | 403 + versioned_docs/version-v8/developing/ios.md | 39 + .../version-v8/developing/keyboard.md | 175 + .../version-v8/developing/managing-focus.md | 281 + .../version-v8/developing/previewing.md | 88 + .../version-v8/developing/scaffolding.md | 95 + .../version-v8/developing/starting.md | 48 + versioned_docs/version-v8/developing/tips.md | 152 + versioned_docs/version-v8/index.md | 152 + versioned_docs/version-v8/intro/cdn.md | 130 + versioned_docs/version-v8/intro/cli.md | 64 + .../version-v8/intro/environment.md | 67 + versioned_docs/version-v8/intro/first-app.md | 24 + versioned_docs/version-v8/intro/next.md | 36 + .../version-v8/intro/vscode-extension.md | 30 + .../version-v8/javascript/overview.md | 77 + .../version-v8/javascript/quickstart.md | 508 + .../version-v8/layout/css-utilities.md | 594 + .../version-v8/layout/dynamic-font-scaling.md | 194 + .../version-v8/layout/global-stylesheets.md | 71 + versioned_docs/version-v8/layout/structure.md | 62 + versioned_docs/version-v8/native-faq.md | 24 + versioned_docs/version-v8/native-setup.md | 145 + versioned_docs/version-v8/native.md | 32 + versioned_docs/version-v8/native/.gitignore | 2 + .../version-v8/react/add-to-existing.md | 370 + versioned_docs/version-v8/react/lifecycle.md | 167 + versioned_docs/version-v8/react/navigation.md | 654 + versioned_docs/version-v8/react/overlays.md | 91 + versioned_docs/version-v8/react/overview.md | 69 + .../version-v8/react/performance.md | 47 + versioned_docs/version-v8/react/platform.md | 83 + versioned_docs/version-v8/react/pwa.md | 180 + versioned_docs/version-v8/react/quickstart.md | 389 + versioned_docs/version-v8/react/slides.md | 571 + versioned_docs/version-v8/react/storage.md | 50 + .../version-v8/react/testing/introduction.md | 21 + .../testing/unit-testing/best-practices.md | 51 + .../react/testing/unit-testing/examples.md | 112 + .../react/testing/unit-testing/setup.md | 40 + .../version-v8/react/virtual-scroll.md | 76 + .../version-v8/react/your-first-app.md | 299 + .../react/your-first-app/2-taking-photos.md | 270 + .../react/your-first-app/3-saving-photos.md | 229 + .../react/your-first-app/4-loading-photos.md | 226 + .../react/your-first-app/5-adding-mobile.md | 226 + .../your-first-app/6-deploying-mobile.md | 114 + .../react/your-first-app/7-live-reload.md | 205 + .../react/your-first-app/8-distribute.md | 107 + .../version-v8/reference/browser-support.md | 47 + .../version-v8/reference/glossary.md | 479 + .../version-v8/reference/release-notes.md | 7 + .../version-v8/reference/support.md | 121 + .../version-v8/reference/versioning.md | 24 + .../version-v8/techniques/security.md | 233 + versioned_docs/version-v8/test/page1.md | 3 + versioned_docs/version-v8/test/page2.md | 3 + versioned_docs/version-v8/theming/advanced.md | 207 + versioned_docs/version-v8/theming/basics.md | 42 + .../version-v8/theming/color-generator.md | 19 + versioned_docs/version-v8/theming/colors.md | 114 + .../version-v8/theming/css-shadow-parts.md | 165 + .../version-v8/theming/css-variables.md | 98 + .../version-v8/theming/dark-mode.md | 270 + .../version-v8/theming/high-contrast-mode.md | 245 + .../version-v8/theming/platform-styles.md | 51 + versioned_docs/version-v8/theming/themes.md | 69 + .../version-v8/troubleshooting/build.md | 207 + .../version-v8/troubleshooting/cors.md | 304 + .../version-v8/troubleshooting/debugging.md | 100 + .../version-v8/troubleshooting/native.md | 96 + .../version-v8/troubleshooting/runtime.md | 221 + versioned_docs/version-v8/updating/4-0.md | 285 + versioned_docs/version-v8/updating/5-0.md | 37 + versioned_docs/version-v8/updating/6-0.md | 468 + versioned_docs/version-v8/updating/7-0.md | 155 + versioned_docs/version-v8/updating/8-0.md | 264 + .../version-v8/utilities/animations.md | 367 + .../version-v8/utilities/gestures.md | 237 + .../version-v8/vue/add-to-existing.md | 349 + .../version-v8/vue/build-options.md | 109 + versioned_docs/version-v8/vue/lifecycle.md | 98 + versioned_docs/version-v8/vue/navigation.md | 589 + versioned_docs/version-v8/vue/overview.md | 71 + versioned_docs/version-v8/vue/performance.md | 39 + versioned_docs/version-v8/vue/platform.md | 88 + versioned_docs/version-v8/vue/pwa.md | 263 + versioned_docs/version-v8/vue/quickstart.md | 419 + versioned_docs/version-v8/vue/slides.md | 498 + versioned_docs/version-v8/vue/storage.md | 50 + .../version-v8/vue/troubleshooting.md | 118 + .../version-v8/vue/utility-functions.md | 166 + .../version-v8/vue/virtual-scroll.md | 130 + .../version-v8/vue/your-first-app.md | 272 + .../vue/your-first-app/2-taking-photos.md | 258 + .../vue/your-first-app/3-saving-photos.md | 227 + .../vue/your-first-app/4-loading-photos.md | 340 + .../vue/your-first-app/5-adding-mobile.md | 283 + .../vue/your-first-app/6-deploying-mobile.md | 114 + .../vue/your-first-app/7-live-reload.md | 182 + .../vue/your-first-app/8-distribute.md | 107 + versioned_sidebars/version-v8-sidebars.json | 709 + versions.json | 1 + 3749 files changed, 163764 insertions(+), 1015 deletions(-) create mode 100644 docs/updating/9-0.md create mode 100644 static/code/stackblitz/v9/angular/angular.json create mode 100644 static/code/stackblitz/v9/angular/app.component.css create mode 100644 static/code/stackblitz/v9/angular/app.component.html create mode 100644 static/code/stackblitz/v9/angular/app.component.ts create mode 100644 static/code/stackblitz/v9/angular/app.component.withContent.html create mode 100644 static/code/stackblitz/v9/angular/app.component.withContent.ts create mode 100644 static/code/stackblitz/v9/angular/app.routes.ts create mode 100644 static/code/stackblitz/v9/angular/example.component.ts create mode 100644 static/code/stackblitz/v9/angular/global.css create mode 100644 static/code/stackblitz/v9/angular/index.html create mode 100644 static/code/stackblitz/v9/angular/main.ts create mode 100644 static/code/stackblitz/v9/angular/package-lock.json create mode 100644 static/code/stackblitz/v9/angular/package.json create mode 100644 static/code/stackblitz/v9/angular/styles.css create mode 100644 static/code/stackblitz/v9/angular/tsconfig.app.json create mode 100644 static/code/stackblitz/v9/angular/tsconfig.json create mode 100644 static/code/stackblitz/v9/angular/variables.css create mode 100644 static/code/stackblitz/v9/html/index.html create mode 100644 static/code/stackblitz/v9/html/index.ts create mode 100644 static/code/stackblitz/v9/html/index.withContent.html create mode 100644 static/code/stackblitz/v9/html/package-lock.json create mode 100644 static/code/stackblitz/v9/html/package.json create mode 100644 static/code/stackblitz/v9/html/tsconfig.json create mode 100644 static/code/stackblitz/v9/html/variables.css create mode 100644 static/code/stackblitz/v9/html/vite.config.ts create mode 100644 static/code/stackblitz/v9/react/app.tsx create mode 100644 static/code/stackblitz/v9/react/app.withContent.tsx create mode 100644 static/code/stackblitz/v9/react/browserslistrc create mode 100644 static/code/stackblitz/v9/react/eslintrc.js create mode 100644 static/code/stackblitz/v9/react/index.html create mode 100644 static/code/stackblitz/v9/react/index.tsx create mode 100644 static/code/stackblitz/v9/react/package-lock.json create mode 100644 static/code/stackblitz/v9/react/package.json create mode 100644 static/code/stackblitz/v9/react/tsconfig.json create mode 100644 static/code/stackblitz/v9/react/variables.css create mode 100644 static/code/stackblitz/v9/react/vite.config.js create mode 100644 static/code/stackblitz/v9/vue/App.vue create mode 100644 static/code/stackblitz/v9/vue/App.withContent.vue create mode 100644 static/code/stackblitz/v9/vue/index.html create mode 100644 static/code/stackblitz/v9/vue/main.ts create mode 100644 static/code/stackblitz/v9/vue/package-lock.json create mode 100644 static/code/stackblitz/v9/vue/package.json create mode 100644 static/code/stackblitz/v9/vue/tsconfig.json create mode 100644 static/code/stackblitz/v9/vue/tsconfig.node.json create mode 100644 static/code/stackblitz/v9/vue/variables.css create mode 100644 static/code/stackblitz/v9/vue/vite.config.ts create mode 100644 static/usage/v9/accordion/accessibility/animations/angular/example_component_html.md create mode 100644 static/usage/v9/accordion/accessibility/animations/angular/example_component_ts.md create mode 100644 static/usage/v9/accordion/accessibility/animations/demo.html create mode 100644 static/usage/v9/accordion/accessibility/animations/index.md create mode 100644 static/usage/v9/accordion/accessibility/animations/javascript.md create mode 100644 static/usage/v9/accordion/accessibility/animations/react.md create mode 100644 static/usage/v9/accordion/accessibility/animations/vue.md create mode 100644 static/usage/v9/accordion/basic/angular/example_component_html.md create mode 100644 static/usage/v9/accordion/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/accordion/basic/demo.html create mode 100644 static/usage/v9/accordion/basic/index.md create mode 100644 static/usage/v9/accordion/basic/javascript.md create mode 100644 static/usage/v9/accordion/basic/react.md create mode 100644 static/usage/v9/accordion/basic/vue.md create mode 100644 static/usage/v9/accordion/customization/advanced-expansion-styles/angular/example_component_css.md create mode 100644 static/usage/v9/accordion/customization/advanced-expansion-styles/angular/example_component_html.md create mode 100644 static/usage/v9/accordion/customization/advanced-expansion-styles/angular/example_component_ts.md create mode 100644 static/usage/v9/accordion/customization/advanced-expansion-styles/demo.html create mode 100644 static/usage/v9/accordion/customization/advanced-expansion-styles/index.md create mode 100644 static/usage/v9/accordion/customization/advanced-expansion-styles/javascript.md create mode 100644 static/usage/v9/accordion/customization/advanced-expansion-styles/react/main_css.md create mode 100644 static/usage/v9/accordion/customization/advanced-expansion-styles/react/main_tsx.md create mode 100644 static/usage/v9/accordion/customization/advanced-expansion-styles/vue.md create mode 100644 static/usage/v9/accordion/customization/expansion-styles/angular/example_component_html.md create mode 100644 static/usage/v9/accordion/customization/expansion-styles/angular/example_component_ts.md create mode 100644 static/usage/v9/accordion/customization/expansion-styles/demo.html create mode 100644 static/usage/v9/accordion/customization/expansion-styles/index.md create mode 100644 static/usage/v9/accordion/customization/expansion-styles/javascript.md create mode 100644 static/usage/v9/accordion/customization/expansion-styles/react.md create mode 100644 static/usage/v9/accordion/customization/expansion-styles/vue.md create mode 100644 static/usage/v9/accordion/customization/icons/angular/example_component_html.md create mode 100644 static/usage/v9/accordion/customization/icons/angular/example_component_ts.md create mode 100644 static/usage/v9/accordion/customization/icons/demo.html create mode 100644 static/usage/v9/accordion/customization/icons/index.md create mode 100644 static/usage/v9/accordion/customization/icons/javascript.md create mode 100644 static/usage/v9/accordion/customization/icons/react.md create mode 100644 static/usage/v9/accordion/customization/icons/vue.md create mode 100644 static/usage/v9/accordion/customization/theming/angular/example_component_html.md create mode 100644 static/usage/v9/accordion/customization/theming/angular/example_component_ts.md create mode 100644 static/usage/v9/accordion/customization/theming/angular/global_css.md create mode 100644 static/usage/v9/accordion/customization/theming/demo.html create mode 100644 static/usage/v9/accordion/customization/theming/index.md create mode 100644 static/usage/v9/accordion/customization/theming/javascript.md create mode 100644 static/usage/v9/accordion/customization/theming/react/main_css.md create mode 100644 static/usage/v9/accordion/customization/theming/react/main_tsx.md create mode 100644 static/usage/v9/accordion/customization/theming/vue.md create mode 100644 static/usage/v9/accordion/disable/group/angular/example_component_html.md create mode 100644 static/usage/v9/accordion/disable/group/angular/example_component_ts.md create mode 100644 static/usage/v9/accordion/disable/group/demo.html create mode 100644 static/usage/v9/accordion/disable/group/index.md create mode 100644 static/usage/v9/accordion/disable/group/javascript.md create mode 100644 static/usage/v9/accordion/disable/group/react.md create mode 100644 static/usage/v9/accordion/disable/group/vue.md create mode 100644 static/usage/v9/accordion/disable/individual/angular/example_component_html.md create mode 100644 static/usage/v9/accordion/disable/individual/angular/example_component_ts.md create mode 100644 static/usage/v9/accordion/disable/individual/demo.html create mode 100644 static/usage/v9/accordion/disable/individual/index.md create mode 100644 static/usage/v9/accordion/disable/individual/javascript.md create mode 100644 static/usage/v9/accordion/disable/individual/react.md create mode 100644 static/usage/v9/accordion/disable/individual/vue.md create mode 100644 static/usage/v9/accordion/listen-changes/angular/example_component_html.md create mode 100644 static/usage/v9/accordion/listen-changes/angular/example_component_ts.md create mode 100644 static/usage/v9/accordion/listen-changes/demo.html create mode 100644 static/usage/v9/accordion/listen-changes/index.md create mode 100644 static/usage/v9/accordion/listen-changes/javascript.md create mode 100644 static/usage/v9/accordion/listen-changes/react.md create mode 100644 static/usage/v9/accordion/listen-changes/vue.md create mode 100644 static/usage/v9/accordion/multiple/angular/example_component_html.md create mode 100644 static/usage/v9/accordion/multiple/angular/example_component_ts.md create mode 100644 static/usage/v9/accordion/multiple/demo.html create mode 100644 static/usage/v9/accordion/multiple/index.md create mode 100644 static/usage/v9/accordion/multiple/javascript.md create mode 100644 static/usage/v9/accordion/multiple/react.md create mode 100644 static/usage/v9/accordion/multiple/vue.md create mode 100644 static/usage/v9/accordion/readonly/group/angular/example_component_html.md create mode 100644 static/usage/v9/accordion/readonly/group/angular/example_component_ts.md create mode 100644 static/usage/v9/accordion/readonly/group/demo.html create mode 100644 static/usage/v9/accordion/readonly/group/index.md create mode 100644 static/usage/v9/accordion/readonly/group/javascript.md create mode 100644 static/usage/v9/accordion/readonly/group/react.md create mode 100644 static/usage/v9/accordion/readonly/group/vue.md create mode 100644 static/usage/v9/accordion/readonly/individual/angular/example_component_html.md create mode 100644 static/usage/v9/accordion/readonly/individual/angular/example_component_ts.md create mode 100644 static/usage/v9/accordion/readonly/individual/demo.html create mode 100644 static/usage/v9/accordion/readonly/individual/index.md create mode 100644 static/usage/v9/accordion/readonly/individual/javascript.md create mode 100644 static/usage/v9/accordion/readonly/individual/react.md create mode 100644 static/usage/v9/accordion/readonly/individual/vue.md create mode 100644 static/usage/v9/accordion/toggle/angular/example_component_html.md create mode 100644 static/usage/v9/accordion/toggle/angular/example_component_ts.md create mode 100644 static/usage/v9/accordion/toggle/demo.html create mode 100644 static/usage/v9/accordion/toggle/index.md create mode 100644 static/usage/v9/accordion/toggle/javascript.md create mode 100644 static/usage/v9/accordion/toggle/react.md create mode 100644 static/usage/v9/accordion/toggle/vue.md create mode 100644 static/usage/v9/action-sheet/controller/angular/example_component_html.md create mode 100644 static/usage/v9/action-sheet/controller/angular/example_component_ts.md create mode 100644 static/usage/v9/action-sheet/controller/demo.html create mode 100644 static/usage/v9/action-sheet/controller/index.md create mode 100644 static/usage/v9/action-sheet/controller/javascript.md create mode 100644 static/usage/v9/action-sheet/controller/react.md create mode 100644 static/usage/v9/action-sheet/controller/vue.md create mode 100644 static/usage/v9/action-sheet/inline/isOpen/angular/example_component_html.md create mode 100644 static/usage/v9/action-sheet/inline/isOpen/angular/example_component_ts.md create mode 100644 static/usage/v9/action-sheet/inline/isOpen/demo.html create mode 100644 static/usage/v9/action-sheet/inline/isOpen/index.md create mode 100644 static/usage/v9/action-sheet/inline/isOpen/javascript.md create mode 100644 static/usage/v9/action-sheet/inline/isOpen/react.md create mode 100644 static/usage/v9/action-sheet/inline/isOpen/vue.md create mode 100644 static/usage/v9/action-sheet/inline/trigger/angular/example_component_html.md create mode 100644 static/usage/v9/action-sheet/inline/trigger/angular/example_component_ts.md create mode 100644 static/usage/v9/action-sheet/inline/trigger/demo.html create mode 100644 static/usage/v9/action-sheet/inline/trigger/index.md create mode 100644 static/usage/v9/action-sheet/inline/trigger/javascript.md create mode 100644 static/usage/v9/action-sheet/inline/trigger/react.md create mode 100644 static/usage/v9/action-sheet/inline/trigger/vue.md create mode 100644 static/usage/v9/action-sheet/role-info-on-dismiss/angular/example_component_css.md create mode 100644 static/usage/v9/action-sheet/role-info-on-dismiss/angular/example_component_html.md create mode 100644 static/usage/v9/action-sheet/role-info-on-dismiss/angular/example_component_ts.md create mode 100644 static/usage/v9/action-sheet/role-info-on-dismiss/demo.html create mode 100644 static/usage/v9/action-sheet/role-info-on-dismiss/index.md create mode 100644 static/usage/v9/action-sheet/role-info-on-dismiss/javascript.md create mode 100644 static/usage/v9/action-sheet/role-info-on-dismiss/react/main_css.md create mode 100644 static/usage/v9/action-sheet/role-info-on-dismiss/react/main_tsx.md create mode 100644 static/usage/v9/action-sheet/role-info-on-dismiss/vue.md create mode 100644 static/usage/v9/action-sheet/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v9/action-sheet/theming/css-properties/angular/example_component_ts.md create mode 100644 static/usage/v9/action-sheet/theming/css-properties/angular/global_css.md create mode 100644 static/usage/v9/action-sheet/theming/css-properties/demo.html create mode 100644 static/usage/v9/action-sheet/theming/css-properties/index.md create mode 100644 static/usage/v9/action-sheet/theming/css-properties/javascript.md create mode 100644 static/usage/v9/action-sheet/theming/css-properties/react/main_css.md create mode 100644 static/usage/v9/action-sheet/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v9/action-sheet/theming/css-properties/vue.md create mode 100644 static/usage/v9/action-sheet/theming/styling/angular/example_component_html.md create mode 100644 static/usage/v9/action-sheet/theming/styling/angular/example_component_ts.md create mode 100644 static/usage/v9/action-sheet/theming/styling/angular/global_css.md create mode 100644 static/usage/v9/action-sheet/theming/styling/demo.html create mode 100644 static/usage/v9/action-sheet/theming/styling/index.md create mode 100644 static/usage/v9/action-sheet/theming/styling/javascript.md create mode 100644 static/usage/v9/action-sheet/theming/styling/react/main_css.md create mode 100644 static/usage/v9/action-sheet/theming/styling/react/main_tsx.md create mode 100644 static/usage/v9/action-sheet/theming/styling/vue.md create mode 100644 static/usage/v9/alert/buttons/angular/example_component_html.md create mode 100644 static/usage/v9/alert/buttons/angular/example_component_ts.md create mode 100644 static/usage/v9/alert/buttons/demo.html create mode 100644 static/usage/v9/alert/buttons/index.md create mode 100644 static/usage/v9/alert/buttons/javascript.md create mode 100644 static/usage/v9/alert/buttons/react.md create mode 100644 static/usage/v9/alert/buttons/vue.md create mode 100644 static/usage/v9/alert/customization/angular/example_component_html.md create mode 100644 static/usage/v9/alert/customization/angular/example_component_ts.md create mode 100644 static/usage/v9/alert/customization/angular/global_css.md create mode 100644 static/usage/v9/alert/customization/demo.html create mode 100644 static/usage/v9/alert/customization/index.md create mode 100644 static/usage/v9/alert/customization/javascript.md create mode 100644 static/usage/v9/alert/customization/react/main_css.md create mode 100644 static/usage/v9/alert/customization/react/main_tsx.md create mode 100644 static/usage/v9/alert/customization/vue.md create mode 100644 static/usage/v9/alert/inputs/radios/angular/example_component_html.md create mode 100644 static/usage/v9/alert/inputs/radios/angular/example_component_ts.md create mode 100644 static/usage/v9/alert/inputs/radios/demo.html create mode 100644 static/usage/v9/alert/inputs/radios/index.md create mode 100644 static/usage/v9/alert/inputs/radios/javascript.md create mode 100644 static/usage/v9/alert/inputs/radios/react.md create mode 100644 static/usage/v9/alert/inputs/radios/vue.md create mode 100644 static/usage/v9/alert/inputs/text-inputs/angular/example_component_html.md create mode 100644 static/usage/v9/alert/inputs/text-inputs/angular/example_component_ts.md create mode 100644 static/usage/v9/alert/inputs/text-inputs/demo.html create mode 100644 static/usage/v9/alert/inputs/text-inputs/index.md create mode 100644 static/usage/v9/alert/inputs/text-inputs/javascript.md create mode 100644 static/usage/v9/alert/inputs/text-inputs/react.md create mode 100644 static/usage/v9/alert/inputs/text-inputs/vue.md create mode 100644 static/usage/v9/alert/presenting/controller/angular/example_component_html.md create mode 100644 static/usage/v9/alert/presenting/controller/angular/example_component_ts.md create mode 100644 static/usage/v9/alert/presenting/controller/demo.html create mode 100644 static/usage/v9/alert/presenting/controller/index.md create mode 100644 static/usage/v9/alert/presenting/controller/javascript.md create mode 100644 static/usage/v9/alert/presenting/controller/react.md create mode 100644 static/usage/v9/alert/presenting/controller/vue.md create mode 100644 static/usage/v9/alert/presenting/isOpen/angular/example_component_html.md create mode 100644 static/usage/v9/alert/presenting/isOpen/angular/example_component_ts.md create mode 100644 static/usage/v9/alert/presenting/isOpen/demo.html create mode 100644 static/usage/v9/alert/presenting/isOpen/index.md create mode 100644 static/usage/v9/alert/presenting/isOpen/javascript.md create mode 100644 static/usage/v9/alert/presenting/isOpen/react.md create mode 100644 static/usage/v9/alert/presenting/isOpen/vue.md create mode 100644 static/usage/v9/alert/presenting/trigger/angular/example_component_html.md create mode 100644 static/usage/v9/alert/presenting/trigger/angular/example_component_ts.md create mode 100644 static/usage/v9/alert/presenting/trigger/demo.html create mode 100644 static/usage/v9/alert/presenting/trigger/index.md create mode 100644 static/usage/v9/alert/presenting/trigger/javascript.md create mode 100644 static/usage/v9/alert/presenting/trigger/react.md create mode 100644 static/usage/v9/alert/presenting/trigger/vue.md create mode 100644 static/usage/v9/animations/basic/angular/example_component_html.md create mode 100644 static/usage/v9/animations/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/animations/basic/demo.html create mode 100644 static/usage/v9/animations/basic/index.md create mode 100644 static/usage/v9/animations/basic/javascript.md create mode 100644 static/usage/v9/animations/basic/react.md create mode 100644 static/usage/v9/animations/basic/vue.md create mode 100644 static/usage/v9/animations/before-and-after-hooks/angular/example_component_html.md create mode 100644 static/usage/v9/animations/before-and-after-hooks/angular/example_component_ts.md create mode 100644 static/usage/v9/animations/before-and-after-hooks/demo.html create mode 100644 static/usage/v9/animations/before-and-after-hooks/index.md create mode 100644 static/usage/v9/animations/before-and-after-hooks/javascript.md create mode 100644 static/usage/v9/animations/before-and-after-hooks/react.md create mode 100644 static/usage/v9/animations/before-and-after-hooks/vue.md create mode 100644 static/usage/v9/animations/chain/angular/example_component_html.md create mode 100644 static/usage/v9/animations/chain/angular/example_component_ts.md create mode 100644 static/usage/v9/animations/chain/demo.html create mode 100644 static/usage/v9/animations/chain/index.md create mode 100644 static/usage/v9/animations/chain/javascript.md create mode 100644 static/usage/v9/animations/chain/react.md create mode 100644 static/usage/v9/animations/chain/vue.md create mode 100644 static/usage/v9/animations/gesture/angular/example_component_css.md create mode 100644 static/usage/v9/animations/gesture/angular/example_component_html.md create mode 100644 static/usage/v9/animations/gesture/angular/example_component_ts.md create mode 100644 static/usage/v9/animations/gesture/demo.html create mode 100644 static/usage/v9/animations/gesture/index.md create mode 100644 static/usage/v9/animations/gesture/javascript.md create mode 100644 static/usage/v9/animations/gesture/react/main_css.md create mode 100644 static/usage/v9/animations/gesture/react/main_tsx.md create mode 100644 static/usage/v9/animations/gesture/vue.md create mode 100644 static/usage/v9/animations/group/angular/example_component_html.md create mode 100644 static/usage/v9/animations/group/angular/example_component_ts.md create mode 100644 static/usage/v9/animations/group/demo.html create mode 100644 static/usage/v9/animations/group/index.md create mode 100644 static/usage/v9/animations/group/javascript.md create mode 100644 static/usage/v9/animations/group/react.md create mode 100644 static/usage/v9/animations/group/vue.md create mode 100644 static/usage/v9/animations/keyframes/angular/example_component_html.md create mode 100644 static/usage/v9/animations/keyframes/angular/example_component_ts.md create mode 100644 static/usage/v9/animations/keyframes/demo.html create mode 100644 static/usage/v9/animations/keyframes/index.md create mode 100644 static/usage/v9/animations/keyframes/javascript.md create mode 100644 static/usage/v9/animations/keyframes/react.md create mode 100644 static/usage/v9/animations/keyframes/vue.md create mode 100644 static/usage/v9/animations/modal-override/angular/example_component_html.md create mode 100644 static/usage/v9/animations/modal-override/angular/example_component_ts.md create mode 100644 static/usage/v9/animations/modal-override/demo.html create mode 100644 static/usage/v9/animations/modal-override/index.md create mode 100644 static/usage/v9/animations/modal-override/javascript.md create mode 100644 static/usage/v9/animations/modal-override/react.md create mode 100644 static/usage/v9/animations/modal-override/vue.md create mode 100644 static/usage/v9/animations/preference-based/angular/example_component_css.md create mode 100644 static/usage/v9/animations/preference-based/angular/example_component_html.md create mode 100644 static/usage/v9/animations/preference-based/angular/example_component_ts.md create mode 100644 static/usage/v9/animations/preference-based/demo.html create mode 100644 static/usage/v9/animations/preference-based/index.md create mode 100644 static/usage/v9/animations/preference-based/javascript.md create mode 100644 static/usage/v9/animations/preference-based/react/main_css.md create mode 100644 static/usage/v9/animations/preference-based/react/main_tsx.md create mode 100644 static/usage/v9/animations/preference-based/vue.md create mode 100644 static/usage/v9/app/set-focus/angular/example_component_html.md create mode 100644 static/usage/v9/app/set-focus/angular/example_component_ts.md create mode 100644 static/usage/v9/app/set-focus/demo.html create mode 100644 static/usage/v9/app/set-focus/index.md create mode 100644 static/usage/v9/app/set-focus/javascript.md create mode 100644 static/usage/v9/app/set-focus/react.md create mode 100644 static/usage/v9/app/set-focus/vue.md create mode 100644 static/usage/v9/avatar/basic/angular/example_component_html.md create mode 100644 static/usage/v9/avatar/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/avatar/basic/demo.html create mode 100644 static/usage/v9/avatar/basic/index.md create mode 100644 static/usage/v9/avatar/basic/javascript.md create mode 100644 static/usage/v9/avatar/basic/react.md create mode 100644 static/usage/v9/avatar/basic/vue.md create mode 100644 static/usage/v9/avatar/chip/angular/example_component_html.md create mode 100644 static/usage/v9/avatar/chip/angular/example_component_ts.md create mode 100644 static/usage/v9/avatar/chip/demo.html create mode 100644 static/usage/v9/avatar/chip/index.md create mode 100644 static/usage/v9/avatar/chip/javascript.md create mode 100644 static/usage/v9/avatar/chip/react.md create mode 100644 static/usage/v9/avatar/chip/vue.md create mode 100644 static/usage/v9/avatar/item/angular/example_component_html.md create mode 100644 static/usage/v9/avatar/item/angular/example_component_ts.md create mode 100644 static/usage/v9/avatar/item/demo.html create mode 100644 static/usage/v9/avatar/item/index.md create mode 100644 static/usage/v9/avatar/item/javascript.md create mode 100644 static/usage/v9/avatar/item/react.md create mode 100644 static/usage/v9/avatar/item/vue.md create mode 100644 static/usage/v9/avatar/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v9/avatar/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v9/avatar/theming/css-properties/angular/example_component_ts.md create mode 100644 static/usage/v9/avatar/theming/css-properties/demo.html create mode 100644 static/usage/v9/avatar/theming/css-properties/index.md create mode 100644 static/usage/v9/avatar/theming/css-properties/javascript.md create mode 100644 static/usage/v9/avatar/theming/css-properties/react/main_css.md create mode 100644 static/usage/v9/avatar/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v9/avatar/theming/css-properties/vue.md create mode 100644 static/usage/v9/back-button/basic/angular/example_component_html.md create mode 100644 static/usage/v9/back-button/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/back-button/basic/angular/page_one_component_ts.md create mode 100644 static/usage/v9/back-button/basic/angular/page_two_component_ts.md create mode 100644 static/usage/v9/back-button/basic/demo.html create mode 100644 static/usage/v9/back-button/basic/index.md create mode 100644 static/usage/v9/back-button/basic/javascript.md create mode 100644 static/usage/v9/back-button/basic/react/main_tsx.md create mode 100644 static/usage/v9/back-button/basic/react/page_one_tsx.md create mode 100644 static/usage/v9/back-button/basic/react/page_two_tsx.md create mode 100644 static/usage/v9/back-button/basic/vue/example_vue.md create mode 100644 static/usage/v9/back-button/basic/vue/page_one_vue.md create mode 100644 static/usage/v9/back-button/basic/vue/page_two_vue.md create mode 100644 static/usage/v9/back-button/custom/angular/example_component_html.md create mode 100644 static/usage/v9/back-button/custom/angular/example_component_ts.md create mode 100644 static/usage/v9/back-button/custom/angular/page_one_component_ts.md create mode 100644 static/usage/v9/back-button/custom/angular/page_two_component_ts.md create mode 100644 static/usage/v9/back-button/custom/demo.html create mode 100644 static/usage/v9/back-button/custom/index.md create mode 100644 static/usage/v9/back-button/custom/javascript.md create mode 100644 static/usage/v9/back-button/custom/react/main_tsx.md create mode 100644 static/usage/v9/back-button/custom/react/page_one_tsx.md create mode 100644 static/usage/v9/back-button/custom/react/page_two_tsx.md create mode 100644 static/usage/v9/back-button/custom/vue/example_vue.md create mode 100644 static/usage/v9/back-button/custom/vue/page_one_vue.md create mode 100644 static/usage/v9/back-button/custom/vue/page_two_vue.md create mode 100644 static/usage/v9/backdrop/basic/angular/example_component_css.md create mode 100644 static/usage/v9/backdrop/basic/angular/example_component_html.md create mode 100644 static/usage/v9/backdrop/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/backdrop/basic/demo.html create mode 100644 static/usage/v9/backdrop/basic/index.md create mode 100644 static/usage/v9/backdrop/basic/javascript.md create mode 100644 static/usage/v9/backdrop/basic/react/main_css.md create mode 100644 static/usage/v9/backdrop/basic/react/main_tsx.md create mode 100644 static/usage/v9/backdrop/basic/vue.md create mode 100644 static/usage/v9/backdrop/styling/angular/example_component_css.md create mode 100644 static/usage/v9/backdrop/styling/angular/example_component_html.md create mode 100644 static/usage/v9/backdrop/styling/angular/example_component_ts.md create mode 100644 static/usage/v9/backdrop/styling/demo.html create mode 100644 static/usage/v9/backdrop/styling/index.md create mode 100644 static/usage/v9/backdrop/styling/javascript.md create mode 100644 static/usage/v9/backdrop/styling/react/main_css.md create mode 100644 static/usage/v9/backdrop/styling/react/main_tsx.md create mode 100644 static/usage/v9/backdrop/styling/vue.md create mode 100644 static/usage/v9/badge/basic/angular/example_component_html.md create mode 100644 static/usage/v9/badge/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/badge/basic/demo.html create mode 100644 static/usage/v9/badge/basic/index.md create mode 100644 static/usage/v9/badge/basic/javascript.md create mode 100644 static/usage/v9/badge/basic/react.md create mode 100644 static/usage/v9/badge/basic/vue.md create mode 100644 static/usage/v9/badge/inside-tab-bar/angular/example_component_html.md create mode 100644 static/usage/v9/badge/inside-tab-bar/angular/example_component_ts.md create mode 100644 static/usage/v9/badge/inside-tab-bar/demo.html create mode 100644 static/usage/v9/badge/inside-tab-bar/index.md create mode 100644 static/usage/v9/badge/inside-tab-bar/javascript.md create mode 100644 static/usage/v9/badge/inside-tab-bar/react.md create mode 100644 static/usage/v9/badge/inside-tab-bar/vue.md create mode 100644 static/usage/v9/badge/theming/colors/angular/example_component_html.md create mode 100644 static/usage/v9/badge/theming/colors/angular/example_component_ts.md create mode 100644 static/usage/v9/badge/theming/colors/demo.html create mode 100644 static/usage/v9/badge/theming/colors/index.md create mode 100644 static/usage/v9/badge/theming/colors/javascript.md create mode 100644 static/usage/v9/badge/theming/colors/react.md create mode 100644 static/usage/v9/badge/theming/colors/vue.md create mode 100644 static/usage/v9/badge/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v9/badge/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v9/badge/theming/css-properties/angular/example_component_ts.md create mode 100644 static/usage/v9/badge/theming/css-properties/demo.html create mode 100644 static/usage/v9/badge/theming/css-properties/index.md create mode 100644 static/usage/v9/badge/theming/css-properties/javascript.md create mode 100644 static/usage/v9/badge/theming/css-properties/react/main_css.md create mode 100644 static/usage/v9/badge/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v9/badge/theming/css-properties/vue.md create mode 100644 static/usage/v9/breadcrumbs/basic/angular/example_component_html.md create mode 100644 static/usage/v9/breadcrumbs/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/breadcrumbs/basic/demo.html create mode 100644 static/usage/v9/breadcrumbs/basic/index.md create mode 100644 static/usage/v9/breadcrumbs/basic/javascript.md create mode 100644 static/usage/v9/breadcrumbs/basic/react.md create mode 100644 static/usage/v9/breadcrumbs/basic/vue.md create mode 100644 static/usage/v9/breadcrumbs/collapsing-items/expand-on-click/angular/example_component_html.md create mode 100644 static/usage/v9/breadcrumbs/collapsing-items/expand-on-click/angular/example_component_ts.md create mode 100644 static/usage/v9/breadcrumbs/collapsing-items/expand-on-click/demo.html create mode 100644 static/usage/v9/breadcrumbs/collapsing-items/expand-on-click/index.md create mode 100644 static/usage/v9/breadcrumbs/collapsing-items/expand-on-click/javascript.md create mode 100644 static/usage/v9/breadcrumbs/collapsing-items/expand-on-click/react.md create mode 100644 static/usage/v9/breadcrumbs/collapsing-items/expand-on-click/vue.md create mode 100644 static/usage/v9/breadcrumbs/collapsing-items/items-before-after/angular/example_component_html.md create mode 100644 static/usage/v9/breadcrumbs/collapsing-items/items-before-after/angular/example_component_ts.md create mode 100644 static/usage/v9/breadcrumbs/collapsing-items/items-before-after/demo.html create mode 100644 static/usage/v9/breadcrumbs/collapsing-items/items-before-after/index.md create mode 100644 static/usage/v9/breadcrumbs/collapsing-items/items-before-after/javascript.md create mode 100644 static/usage/v9/breadcrumbs/collapsing-items/items-before-after/react.md create mode 100644 static/usage/v9/breadcrumbs/collapsing-items/items-before-after/vue.md create mode 100644 static/usage/v9/breadcrumbs/collapsing-items/max-items/angular/example_component_html.md create mode 100644 static/usage/v9/breadcrumbs/collapsing-items/max-items/angular/example_component_ts.md create mode 100644 static/usage/v9/breadcrumbs/collapsing-items/max-items/demo.html create mode 100644 static/usage/v9/breadcrumbs/collapsing-items/max-items/index.md create mode 100644 static/usage/v9/breadcrumbs/collapsing-items/max-items/javascript.md create mode 100644 static/usage/v9/breadcrumbs/collapsing-items/max-items/react.md create mode 100644 static/usage/v9/breadcrumbs/collapsing-items/max-items/vue.md create mode 100644 static/usage/v9/breadcrumbs/collapsing-items/popover-on-click/angular/example_component_html.md create mode 100644 static/usage/v9/breadcrumbs/collapsing-items/popover-on-click/angular/example_component_ts.md create mode 100644 static/usage/v9/breadcrumbs/collapsing-items/popover-on-click/demo.html create mode 100644 static/usage/v9/breadcrumbs/collapsing-items/popover-on-click/index.md create mode 100644 static/usage/v9/breadcrumbs/collapsing-items/popover-on-click/javascript.md create mode 100644 static/usage/v9/breadcrumbs/collapsing-items/popover-on-click/react.md create mode 100644 static/usage/v9/breadcrumbs/collapsing-items/popover-on-click/vue.md create mode 100644 static/usage/v9/breadcrumbs/icons/custom-separators/angular/example_component_html.md create mode 100644 static/usage/v9/breadcrumbs/icons/custom-separators/angular/example_component_ts.md create mode 100644 static/usage/v9/breadcrumbs/icons/custom-separators/demo.html create mode 100644 static/usage/v9/breadcrumbs/icons/custom-separators/index.md create mode 100644 static/usage/v9/breadcrumbs/icons/custom-separators/javascript/index_html.md create mode 100644 static/usage/v9/breadcrumbs/icons/custom-separators/javascript/index_ts.md create mode 100644 static/usage/v9/breadcrumbs/icons/custom-separators/react.md create mode 100644 static/usage/v9/breadcrumbs/icons/custom-separators/vue.md create mode 100644 static/usage/v9/breadcrumbs/icons/icons-on-items/angular/example_component_html.md create mode 100644 static/usage/v9/breadcrumbs/icons/icons-on-items/angular/example_component_ts.md create mode 100644 static/usage/v9/breadcrumbs/icons/icons-on-items/demo.html create mode 100644 static/usage/v9/breadcrumbs/icons/icons-on-items/index.md create mode 100644 static/usage/v9/breadcrumbs/icons/icons-on-items/javascript/index_html.md create mode 100644 static/usage/v9/breadcrumbs/icons/icons-on-items/javascript/index_ts.md create mode 100644 static/usage/v9/breadcrumbs/icons/icons-on-items/react.md create mode 100644 static/usage/v9/breadcrumbs/icons/icons-on-items/vue.md create mode 100644 static/usage/v9/breadcrumbs/theming/colors/angular/example_component_html.md create mode 100644 static/usage/v9/breadcrumbs/theming/colors/angular/example_component_ts.md create mode 100644 static/usage/v9/breadcrumbs/theming/colors/demo.html create mode 100644 static/usage/v9/breadcrumbs/theming/colors/index.md create mode 100644 static/usage/v9/breadcrumbs/theming/colors/javascript.md create mode 100644 static/usage/v9/breadcrumbs/theming/colors/react.md create mode 100644 static/usage/v9/breadcrumbs/theming/colors/vue.md create mode 100644 static/usage/v9/breadcrumbs/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v9/breadcrumbs/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v9/breadcrumbs/theming/css-properties/angular/example_component_ts.md create mode 100644 static/usage/v9/breadcrumbs/theming/css-properties/demo.html create mode 100644 static/usage/v9/breadcrumbs/theming/css-properties/index.md create mode 100644 static/usage/v9/breadcrumbs/theming/css-properties/javascript.md create mode 100644 static/usage/v9/breadcrumbs/theming/css-properties/react/main_css.md create mode 100644 static/usage/v9/breadcrumbs/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v9/breadcrumbs/theming/css-properties/vue.md create mode 100644 static/usage/v9/button/basic/angular/example_component_html.md create mode 100644 static/usage/v9/button/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/button/basic/demo.html create mode 100644 static/usage/v9/button/basic/index.md create mode 100644 static/usage/v9/button/basic/javascript.md create mode 100644 static/usage/v9/button/basic/react.md create mode 100644 static/usage/v9/button/basic/vue.md create mode 100644 static/usage/v9/button/expand/angular/example_component_html.md create mode 100644 static/usage/v9/button/expand/angular/example_component_ts.md create mode 100644 static/usage/v9/button/expand/demo.html create mode 100644 static/usage/v9/button/expand/index.md create mode 100644 static/usage/v9/button/expand/javascript.md create mode 100644 static/usage/v9/button/expand/react.md create mode 100644 static/usage/v9/button/expand/vue.md create mode 100644 static/usage/v9/button/fill/angular/example_component_html.md create mode 100644 static/usage/v9/button/fill/angular/example_component_ts.md create mode 100644 static/usage/v9/button/fill/demo.html create mode 100644 static/usage/v9/button/fill/index.md create mode 100644 static/usage/v9/button/fill/javascript.md create mode 100644 static/usage/v9/button/fill/react.md create mode 100644 static/usage/v9/button/fill/vue.md create mode 100644 static/usage/v9/button/icons/angular/example_component_html.md create mode 100644 static/usage/v9/button/icons/angular/example_component_ts.md create mode 100644 static/usage/v9/button/icons/demo.html create mode 100644 static/usage/v9/button/icons/index.md create mode 100644 static/usage/v9/button/icons/javascript/index_html.md create mode 100644 static/usage/v9/button/icons/javascript/index_ts.md create mode 100644 static/usage/v9/button/icons/react.md create mode 100644 static/usage/v9/button/icons/vue.md create mode 100644 static/usage/v9/button/shape/angular/example_component_html.md create mode 100644 static/usage/v9/button/shape/angular/example_component_ts.md create mode 100644 static/usage/v9/button/shape/demo.html create mode 100644 static/usage/v9/button/shape/index.md create mode 100644 static/usage/v9/button/shape/javascript/index_html.md create mode 100644 static/usage/v9/button/shape/javascript/index_ts.md create mode 100644 static/usage/v9/button/shape/react.md create mode 100644 static/usage/v9/button/shape/vue.md create mode 100644 static/usage/v9/button/size/angular/example_component_html.md create mode 100644 static/usage/v9/button/size/angular/example_component_ts.md create mode 100644 static/usage/v9/button/size/demo.html create mode 100644 static/usage/v9/button/size/index.md create mode 100644 static/usage/v9/button/size/javascript.md create mode 100644 static/usage/v9/button/size/react.md create mode 100644 static/usage/v9/button/size/vue.md create mode 100644 static/usage/v9/button/text-wrapping/angular/example_component_html.md create mode 100644 static/usage/v9/button/text-wrapping/angular/example_component_ts.md create mode 100644 static/usage/v9/button/text-wrapping/demo.html create mode 100644 static/usage/v9/button/text-wrapping/index.md create mode 100644 static/usage/v9/button/text-wrapping/javascript.md create mode 100644 static/usage/v9/button/text-wrapping/react.md create mode 100644 static/usage/v9/button/text-wrapping/vue.md create mode 100644 static/usage/v9/button/theming/colors/angular/example_component_html.md create mode 100644 static/usage/v9/button/theming/colors/angular/example_component_ts.md create mode 100644 static/usage/v9/button/theming/colors/demo.html create mode 100644 static/usage/v9/button/theming/colors/index.md create mode 100644 static/usage/v9/button/theming/colors/javascript.md create mode 100644 static/usage/v9/button/theming/colors/react.md create mode 100644 static/usage/v9/button/theming/colors/vue.md create mode 100644 static/usage/v9/button/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v9/button/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v9/button/theming/css-properties/angular/example_component_ts.md create mode 100644 static/usage/v9/button/theming/css-properties/demo.html create mode 100644 static/usage/v9/button/theming/css-properties/index.md create mode 100644 static/usage/v9/button/theming/css-properties/javascript.md create mode 100644 static/usage/v9/button/theming/css-properties/react/main_css.md create mode 100644 static/usage/v9/button/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v9/button/theming/css-properties/vue.md create mode 100644 static/usage/v9/buttons/basic/angular/example_component_html.md create mode 100644 static/usage/v9/buttons/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/buttons/basic/demo.html create mode 100644 static/usage/v9/buttons/basic/index.md create mode 100644 static/usage/v9/buttons/basic/javascript.md create mode 100644 static/usage/v9/buttons/basic/react.md create mode 100644 static/usage/v9/buttons/basic/vue.md create mode 100644 static/usage/v9/buttons/placement/angular/example_component_html.md create mode 100644 static/usage/v9/buttons/placement/angular/example_component_ts.md create mode 100644 static/usage/v9/buttons/placement/demo.html create mode 100644 static/usage/v9/buttons/placement/index.md create mode 100644 static/usage/v9/buttons/placement/javascript.md create mode 100644 static/usage/v9/buttons/placement/react.md create mode 100644 static/usage/v9/buttons/placement/vue.md create mode 100644 static/usage/v9/buttons/types/angular/example_component_html.md create mode 100644 static/usage/v9/buttons/types/angular/example_component_ts.md create mode 100644 static/usage/v9/buttons/types/demo.html create mode 100644 static/usage/v9/buttons/types/index.md create mode 100644 static/usage/v9/buttons/types/javascript/index_html.md create mode 100644 static/usage/v9/buttons/types/javascript/index_ts.md create mode 100644 static/usage/v9/buttons/types/react.md create mode 100644 static/usage/v9/buttons/types/vue.md create mode 100644 static/usage/v9/card/basic/angular/example_component_html.md create mode 100644 static/usage/v9/card/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/card/basic/demo.html create mode 100644 static/usage/v9/card/basic/index.md create mode 100644 static/usage/v9/card/basic/javascript.md create mode 100644 static/usage/v9/card/basic/react.md create mode 100644 static/usage/v9/card/basic/vue.md create mode 100644 static/usage/v9/card/buttons/angular/example_component_html.md create mode 100644 static/usage/v9/card/buttons/angular/example_component_ts.md create mode 100644 static/usage/v9/card/buttons/demo.html create mode 100644 static/usage/v9/card/buttons/index.md create mode 100644 static/usage/v9/card/buttons/javascript.md create mode 100644 static/usage/v9/card/buttons/react.md create mode 100644 static/usage/v9/card/buttons/vue.md create mode 100644 static/usage/v9/card/list/angular/example_component_css.md create mode 100644 static/usage/v9/card/list/angular/example_component_html.md create mode 100644 static/usage/v9/card/list/angular/example_component_ts.md create mode 100644 static/usage/v9/card/list/demo.html create mode 100644 static/usage/v9/card/list/index.md create mode 100644 static/usage/v9/card/list/javascript.md create mode 100644 static/usage/v9/card/list/react/main_css.md create mode 100644 static/usage/v9/card/list/react/main_tsx.md create mode 100644 static/usage/v9/card/list/vue.md create mode 100644 static/usage/v9/card/media/angular/example_component_html.md create mode 100644 static/usage/v9/card/media/angular/example_component_ts.md create mode 100644 static/usage/v9/card/media/demo.html create mode 100644 static/usage/v9/card/media/index.md create mode 100644 static/usage/v9/card/media/javascript.md create mode 100644 static/usage/v9/card/media/react.md create mode 100644 static/usage/v9/card/media/vue.md create mode 100644 static/usage/v9/card/theming/colors/angular/example_component_html.md create mode 100644 static/usage/v9/card/theming/colors/angular/example_component_ts.md create mode 100644 static/usage/v9/card/theming/colors/demo.html create mode 100644 static/usage/v9/card/theming/colors/index.md create mode 100644 static/usage/v9/card/theming/colors/javascript.md create mode 100644 static/usage/v9/card/theming/colors/react.md create mode 100644 static/usage/v9/card/theming/colors/vue.md create mode 100644 static/usage/v9/card/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v9/card/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v9/card/theming/css-properties/angular/example_component_ts.md create mode 100644 static/usage/v9/card/theming/css-properties/demo.html create mode 100644 static/usage/v9/card/theming/css-properties/index.md create mode 100644 static/usage/v9/card/theming/css-properties/javascript.md create mode 100644 static/usage/v9/card/theming/css-properties/react/main_css.md create mode 100644 static/usage/v9/card/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v9/card/theming/css-properties/vue.md create mode 100644 static/usage/v9/checkbox/alignment/angular/example_component_html.md create mode 100644 static/usage/v9/checkbox/alignment/angular/example_component_ts.md create mode 100644 static/usage/v9/checkbox/alignment/demo.html create mode 100644 static/usage/v9/checkbox/alignment/index.md create mode 100644 static/usage/v9/checkbox/alignment/javascript.md create mode 100644 static/usage/v9/checkbox/alignment/react.md create mode 100644 static/usage/v9/checkbox/alignment/vue.md create mode 100644 static/usage/v9/checkbox/basic/angular/example_component_html.md create mode 100644 static/usage/v9/checkbox/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/checkbox/basic/demo.html create mode 100644 static/usage/v9/checkbox/basic/index.md create mode 100644 static/usage/v9/checkbox/basic/javascript.md create mode 100644 static/usage/v9/checkbox/basic/react.md create mode 100644 static/usage/v9/checkbox/basic/vue.md create mode 100644 static/usage/v9/checkbox/helper-error/angular/example_component_html.md create mode 100644 static/usage/v9/checkbox/helper-error/angular/example_component_ts.md create mode 100644 static/usage/v9/checkbox/helper-error/demo.html create mode 100644 static/usage/v9/checkbox/helper-error/index.md create mode 100644 static/usage/v9/checkbox/helper-error/javascript.md create mode 100644 static/usage/v9/checkbox/helper-error/react.md create mode 100644 static/usage/v9/checkbox/helper-error/vue.md create mode 100644 static/usage/v9/checkbox/indeterminate/angular/example_component_html.md create mode 100644 static/usage/v9/checkbox/indeterminate/angular/example_component_ts.md create mode 100644 static/usage/v9/checkbox/indeterminate/demo.html create mode 100644 static/usage/v9/checkbox/indeterminate/index.md create mode 100644 static/usage/v9/checkbox/indeterminate/javascript.md create mode 100644 static/usage/v9/checkbox/indeterminate/react.md create mode 100644 static/usage/v9/checkbox/indeterminate/vue.md create mode 100644 static/usage/v9/checkbox/justify/angular/example_component_html.md create mode 100644 static/usage/v9/checkbox/justify/angular/example_component_ts.md create mode 100644 static/usage/v9/checkbox/justify/demo.html create mode 100644 static/usage/v9/checkbox/justify/index.md create mode 100644 static/usage/v9/checkbox/justify/javascript.md create mode 100644 static/usage/v9/checkbox/justify/react.md create mode 100644 static/usage/v9/checkbox/justify/vue.md create mode 100644 static/usage/v9/checkbox/label-link/angular/example_component_html.md create mode 100644 static/usage/v9/checkbox/label-link/angular/example_component_ts.md create mode 100644 static/usage/v9/checkbox/label-link/demo.html create mode 100644 static/usage/v9/checkbox/label-link/index.md create mode 100644 static/usage/v9/checkbox/label-link/javascript.md create mode 100644 static/usage/v9/checkbox/label-link/react.md create mode 100644 static/usage/v9/checkbox/label-link/vue.md create mode 100644 static/usage/v9/checkbox/label-placement/angular/example_component_html.md create mode 100644 static/usage/v9/checkbox/label-placement/angular/example_component_ts.md create mode 100644 static/usage/v9/checkbox/label-placement/demo.html create mode 100644 static/usage/v9/checkbox/label-placement/index.md create mode 100644 static/usage/v9/checkbox/label-placement/javascript.md create mode 100644 static/usage/v9/checkbox/label-placement/react.md create mode 100644 static/usage/v9/checkbox/label-placement/vue.md create mode 100644 static/usage/v9/checkbox/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v9/checkbox/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v9/checkbox/theming/css-properties/angular/example_component_ts.md create mode 100644 static/usage/v9/checkbox/theming/css-properties/demo.html create mode 100644 static/usage/v9/checkbox/theming/css-properties/index.md create mode 100644 static/usage/v9/checkbox/theming/css-properties/javascript.md create mode 100644 static/usage/v9/checkbox/theming/css-properties/react/main_css.md create mode 100644 static/usage/v9/checkbox/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v9/checkbox/theming/css-properties/vue.md create mode 100644 static/usage/v9/chip/basic/angular/example_component_html.md create mode 100644 static/usage/v9/chip/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/chip/basic/demo.html create mode 100644 static/usage/v9/chip/basic/index.md create mode 100644 static/usage/v9/chip/basic/javascript.md create mode 100644 static/usage/v9/chip/basic/react.md create mode 100644 static/usage/v9/chip/basic/vue.md create mode 100644 static/usage/v9/chip/slots/angular/example_component_html.md create mode 100644 static/usage/v9/chip/slots/angular/example_component_ts.md create mode 100644 static/usage/v9/chip/slots/demo.html create mode 100644 static/usage/v9/chip/slots/index.md create mode 100644 static/usage/v9/chip/slots/javascript/index_html.md create mode 100644 static/usage/v9/chip/slots/javascript/index_ts.md create mode 100644 static/usage/v9/chip/slots/react.md create mode 100644 static/usage/v9/chip/slots/vue.md create mode 100644 static/usage/v9/chip/theming/colors/angular/example_component_html.md create mode 100644 static/usage/v9/chip/theming/colors/angular/example_component_ts.md create mode 100644 static/usage/v9/chip/theming/colors/demo.html create mode 100644 static/usage/v9/chip/theming/colors/index.md create mode 100644 static/usage/v9/chip/theming/colors/javascript.md create mode 100644 static/usage/v9/chip/theming/colors/react.md create mode 100644 static/usage/v9/chip/theming/colors/vue.md create mode 100644 static/usage/v9/chip/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v9/chip/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v9/chip/theming/css-properties/angular/example_component_ts.md create mode 100644 static/usage/v9/chip/theming/css-properties/demo.html create mode 100644 static/usage/v9/chip/theming/css-properties/index.md create mode 100644 static/usage/v9/chip/theming/css-properties/javascript.md create mode 100644 static/usage/v9/chip/theming/css-properties/react/main_css.md create mode 100644 static/usage/v9/chip/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v9/chip/theming/css-properties/vue.md create mode 100644 static/usage/v9/common.css create mode 100644 static/usage/v9/common.js create mode 100644 static/usage/v9/config/mode/angular/example_component_html.md create mode 100644 static/usage/v9/config/mode/angular/example_component_ts.md create mode 100644 static/usage/v9/config/mode/demo.html create mode 100644 static/usage/v9/config/mode/index.md create mode 100644 static/usage/v9/config/mode/javascript.md create mode 100644 static/usage/v9/config/mode/react.md create mode 100644 static/usage/v9/config/mode/vue.md create mode 100644 static/usage/v9/content/basic/angular/example_component_html.md create mode 100644 static/usage/v9/content/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/content/basic/demo.html create mode 100644 static/usage/v9/content/basic/index.md create mode 100644 static/usage/v9/content/basic/javascript.md create mode 100644 static/usage/v9/content/basic/react.md create mode 100644 static/usage/v9/content/basic/vue.md create mode 100644 static/usage/v9/content/fixed/angular/example_component_css.md create mode 100644 static/usage/v9/content/fixed/angular/example_component_html.md create mode 100644 static/usage/v9/content/fixed/angular/example_component_ts.md create mode 100644 static/usage/v9/content/fixed/demo.html create mode 100644 static/usage/v9/content/fixed/index.md create mode 100644 static/usage/v9/content/fixed/javascript.md create mode 100644 static/usage/v9/content/fixed/react/main_css.md create mode 100644 static/usage/v9/content/fixed/react/main_tsx.md create mode 100644 static/usage/v9/content/fixed/vue.md create mode 100644 static/usage/v9/content/fullscreen/angular/example_component_css.md create mode 100644 static/usage/v9/content/fullscreen/angular/example_component_html.md create mode 100644 static/usage/v9/content/fullscreen/angular/example_component_ts.md create mode 100644 static/usage/v9/content/fullscreen/demo.html create mode 100644 static/usage/v9/content/fullscreen/index.md create mode 100644 static/usage/v9/content/fullscreen/javascript.md create mode 100644 static/usage/v9/content/fullscreen/react/main_css.md create mode 100644 static/usage/v9/content/fullscreen/react/main_tsx.md create mode 100644 static/usage/v9/content/fullscreen/vue.md create mode 100644 static/usage/v9/content/header-footer/angular/example_component_html.md create mode 100644 static/usage/v9/content/header-footer/angular/example_component_ts.md create mode 100644 static/usage/v9/content/header-footer/demo.html create mode 100644 static/usage/v9/content/header-footer/index.md create mode 100644 static/usage/v9/content/header-footer/javascript.md create mode 100644 static/usage/v9/content/header-footer/react.md create mode 100644 static/usage/v9/content/header-footer/vue.md create mode 100644 static/usage/v9/content/scroll-events/angular/example_component_html.md create mode 100644 static/usage/v9/content/scroll-events/angular/example_component_ts.md create mode 100644 static/usage/v9/content/scroll-events/demo.html create mode 100644 static/usage/v9/content/scroll-events/index.md create mode 100644 static/usage/v9/content/scroll-events/javascript.md create mode 100644 static/usage/v9/content/scroll-events/react.md create mode 100644 static/usage/v9/content/scroll-events/vue.md create mode 100644 static/usage/v9/content/scroll-methods/angular/example_component_html.md create mode 100644 static/usage/v9/content/scroll-methods/angular/example_component_ts.md create mode 100644 static/usage/v9/content/scroll-methods/demo.html create mode 100644 static/usage/v9/content/scroll-methods/index.md create mode 100644 static/usage/v9/content/scroll-methods/javascript.md create mode 100644 static/usage/v9/content/scroll-methods/react.md create mode 100644 static/usage/v9/content/scroll-methods/vue.md create mode 100644 static/usage/v9/content/theming/colors/angular/example_component_html.md create mode 100644 static/usage/v9/content/theming/colors/angular/example_component_ts.md create mode 100644 static/usage/v9/content/theming/colors/demo.html create mode 100644 static/usage/v9/content/theming/colors/index.md create mode 100644 static/usage/v9/content/theming/colors/javascript.md create mode 100644 static/usage/v9/content/theming/colors/react.md create mode 100644 static/usage/v9/content/theming/colors/vue.md create mode 100644 static/usage/v9/content/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v9/content/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v9/content/theming/css-properties/angular/example_component_ts.md create mode 100644 static/usage/v9/content/theming/css-properties/demo.html create mode 100644 static/usage/v9/content/theming/css-properties/index.md create mode 100644 static/usage/v9/content/theming/css-properties/javascript.md create mode 100644 static/usage/v9/content/theming/css-properties/react/main_css.md create mode 100644 static/usage/v9/content/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v9/content/theming/css-properties/vue.md create mode 100644 static/usage/v9/content/theming/css-shadow-parts/angular/example_component_css.md create mode 100644 static/usage/v9/content/theming/css-shadow-parts/angular/example_component_html.md create mode 100644 static/usage/v9/content/theming/css-shadow-parts/angular/example_component_ts.md create mode 100644 static/usage/v9/content/theming/css-shadow-parts/demo.html create mode 100644 static/usage/v9/content/theming/css-shadow-parts/index.md create mode 100644 static/usage/v9/content/theming/css-shadow-parts/javascript.md create mode 100644 static/usage/v9/content/theming/css-shadow-parts/react/main_css.md create mode 100644 static/usage/v9/content/theming/css-shadow-parts/react/main_tsx.md create mode 100644 static/usage/v9/content/theming/css-shadow-parts/vue.md create mode 100644 static/usage/v9/content/theming/safe-area/angular/example_component_css.md create mode 100644 static/usage/v9/content/theming/safe-area/angular/example_component_html.md create mode 100644 static/usage/v9/content/theming/safe-area/angular/example_component_ts.md create mode 100644 static/usage/v9/content/theming/safe-area/angular/global_css.md create mode 100644 static/usage/v9/content/theming/safe-area/demo.html create mode 100644 static/usage/v9/content/theming/safe-area/index.md create mode 100644 static/usage/v9/content/theming/safe-area/javascript.md create mode 100644 static/usage/v9/content/theming/safe-area/react/main_css.md create mode 100644 static/usage/v9/content/theming/safe-area/react/main_tsx.md create mode 100644 static/usage/v9/content/theming/safe-area/vue.md create mode 100644 static/usage/v9/datetime-button/basic/angular/example_component_html.md create mode 100644 static/usage/v9/datetime-button/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/datetime-button/basic/demo.html create mode 100644 static/usage/v9/datetime-button/basic/index.md create mode 100644 static/usage/v9/datetime-button/basic/javascript.md create mode 100644 static/usage/v9/datetime-button/basic/react.md create mode 100644 static/usage/v9/datetime-button/basic/vue.md create mode 100644 static/usage/v9/datetime-button/format-options/angular/example_component_html.md create mode 100644 static/usage/v9/datetime-button/format-options/angular/example_component_ts.md create mode 100644 static/usage/v9/datetime-button/format-options/demo.html create mode 100644 static/usage/v9/datetime-button/format-options/index.md create mode 100644 static/usage/v9/datetime-button/format-options/javascript.md create mode 100644 static/usage/v9/datetime-button/format-options/react.md create mode 100644 static/usage/v9/datetime-button/format-options/vue.md create mode 100644 static/usage/v9/datetime/basic/angular/example_component_html.md create mode 100644 static/usage/v9/datetime/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/datetime/basic/demo.html create mode 100644 static/usage/v9/datetime/basic/index.md create mode 100644 static/usage/v9/datetime/basic/javascript.md create mode 100644 static/usage/v9/datetime/basic/react.md create mode 100644 static/usage/v9/datetime/basic/vue.md create mode 100644 static/usage/v9/datetime/buttons/customizing-button-texts/angular/example_component_html.md create mode 100644 static/usage/v9/datetime/buttons/customizing-button-texts/angular/example_component_ts.md create mode 100644 static/usage/v9/datetime/buttons/customizing-button-texts/demo.html create mode 100644 static/usage/v9/datetime/buttons/customizing-button-texts/index.md create mode 100644 static/usage/v9/datetime/buttons/customizing-button-texts/javascript.md create mode 100644 static/usage/v9/datetime/buttons/customizing-button-texts/react.md create mode 100644 static/usage/v9/datetime/buttons/customizing-button-texts/vue.md create mode 100644 static/usage/v9/datetime/buttons/customizing-buttons/angular/example_component_html.md create mode 100644 static/usage/v9/datetime/buttons/customizing-buttons/angular/example_component_ts.md create mode 100644 static/usage/v9/datetime/buttons/customizing-buttons/demo.html create mode 100644 static/usage/v9/datetime/buttons/customizing-buttons/index.md create mode 100644 static/usage/v9/datetime/buttons/customizing-buttons/javascript.md create mode 100644 static/usage/v9/datetime/buttons/customizing-buttons/react.md create mode 100644 static/usage/v9/datetime/buttons/customizing-buttons/vue.md create mode 100644 static/usage/v9/datetime/buttons/showing-confirmation-buttons/angular/example_component_html.md create mode 100644 static/usage/v9/datetime/buttons/showing-confirmation-buttons/angular/example_component_ts.md create mode 100644 static/usage/v9/datetime/buttons/showing-confirmation-buttons/demo.html create mode 100644 static/usage/v9/datetime/buttons/showing-confirmation-buttons/index.md create mode 100644 static/usage/v9/datetime/buttons/showing-confirmation-buttons/javascript.md create mode 100644 static/usage/v9/datetime/buttons/showing-confirmation-buttons/react.md create mode 100644 static/usage/v9/datetime/buttons/showing-confirmation-buttons/vue.md create mode 100644 static/usage/v9/datetime/date-constraints/advanced/angular/example_component_html.md create mode 100644 static/usage/v9/datetime/date-constraints/advanced/angular/example_component_ts.md create mode 100644 static/usage/v9/datetime/date-constraints/advanced/demo.html create mode 100644 static/usage/v9/datetime/date-constraints/advanced/index.md create mode 100644 static/usage/v9/datetime/date-constraints/advanced/javascript.md create mode 100644 static/usage/v9/datetime/date-constraints/advanced/react.md create mode 100644 static/usage/v9/datetime/date-constraints/advanced/vue.md create mode 100644 static/usage/v9/datetime/date-constraints/max-min/angular/example_component_html.md create mode 100644 static/usage/v9/datetime/date-constraints/max-min/angular/example_component_ts.md create mode 100644 static/usage/v9/datetime/date-constraints/max-min/demo.html create mode 100644 static/usage/v9/datetime/date-constraints/max-min/index.md create mode 100644 static/usage/v9/datetime/date-constraints/max-min/javascript.md create mode 100644 static/usage/v9/datetime/date-constraints/max-min/react.md create mode 100644 static/usage/v9/datetime/date-constraints/max-min/vue.md create mode 100644 static/usage/v9/datetime/date-constraints/values/angular/example_component_html.md create mode 100644 static/usage/v9/datetime/date-constraints/values/angular/example_component_ts.md create mode 100644 static/usage/v9/datetime/date-constraints/values/demo.html create mode 100644 static/usage/v9/datetime/date-constraints/values/index.md create mode 100644 static/usage/v9/datetime/date-constraints/values/javascript.md create mode 100644 static/usage/v9/datetime/date-constraints/values/react.md create mode 100644 static/usage/v9/datetime/date-constraints/values/vue.md create mode 100644 static/usage/v9/datetime/format-options/angular/example_component_html.md create mode 100644 static/usage/v9/datetime/format-options/angular/example_component_ts.md create mode 100644 static/usage/v9/datetime/format-options/demo.html create mode 100644 static/usage/v9/datetime/format-options/index.md create mode 100644 static/usage/v9/datetime/format-options/javascript.md create mode 100644 static/usage/v9/datetime/format-options/react.md create mode 100644 static/usage/v9/datetime/format-options/vue.md create mode 100644 static/usage/v9/datetime/highlightedDates/array/angular/example_component_html.md create mode 100644 static/usage/v9/datetime/highlightedDates/array/angular/example_component_ts.md create mode 100644 static/usage/v9/datetime/highlightedDates/array/demo.html create mode 100644 static/usage/v9/datetime/highlightedDates/array/index.md create mode 100644 static/usage/v9/datetime/highlightedDates/array/javascript.md create mode 100644 static/usage/v9/datetime/highlightedDates/array/react.md create mode 100644 static/usage/v9/datetime/highlightedDates/array/vue.md create mode 100644 static/usage/v9/datetime/highlightedDates/callback/angular/example_component_html.md create mode 100644 static/usage/v9/datetime/highlightedDates/callback/angular/example_component_ts.md create mode 100644 static/usage/v9/datetime/highlightedDates/callback/demo.html create mode 100644 static/usage/v9/datetime/highlightedDates/callback/index.md create mode 100644 static/usage/v9/datetime/highlightedDates/callback/javascript.md create mode 100644 static/usage/v9/datetime/highlightedDates/callback/react.md create mode 100644 static/usage/v9/datetime/highlightedDates/callback/vue.md create mode 100644 static/usage/v9/datetime/localization/custom-locale/angular/example_component_html.md create mode 100644 static/usage/v9/datetime/localization/custom-locale/angular/example_component_ts.md create mode 100644 static/usage/v9/datetime/localization/custom-locale/demo.html create mode 100644 static/usage/v9/datetime/localization/custom-locale/index.md create mode 100644 static/usage/v9/datetime/localization/custom-locale/javascript.md create mode 100644 static/usage/v9/datetime/localization/custom-locale/react.md create mode 100644 static/usage/v9/datetime/localization/custom-locale/vue.md create mode 100644 static/usage/v9/datetime/localization/first-day-of-week/angular/example_component_html.md create mode 100644 static/usage/v9/datetime/localization/first-day-of-week/angular/example_component_ts.md create mode 100644 static/usage/v9/datetime/localization/first-day-of-week/demo.html create mode 100644 static/usage/v9/datetime/localization/first-day-of-week/index.md create mode 100644 static/usage/v9/datetime/localization/first-day-of-week/javascript.md create mode 100644 static/usage/v9/datetime/localization/first-day-of-week/react.md create mode 100644 static/usage/v9/datetime/localization/first-day-of-week/vue.md create mode 100644 static/usage/v9/datetime/localization/hour-cycle/angular/example_component_html.md create mode 100644 static/usage/v9/datetime/localization/hour-cycle/angular/example_component_ts.md create mode 100644 static/usage/v9/datetime/localization/hour-cycle/demo.html create mode 100644 static/usage/v9/datetime/localization/hour-cycle/index.md create mode 100644 static/usage/v9/datetime/localization/hour-cycle/javascript.md create mode 100644 static/usage/v9/datetime/localization/hour-cycle/react.md create mode 100644 static/usage/v9/datetime/localization/hour-cycle/vue.md create mode 100644 static/usage/v9/datetime/localization/locale-extension-tags/angular/example_component_html.md create mode 100644 static/usage/v9/datetime/localization/locale-extension-tags/angular/example_component_ts.md create mode 100644 static/usage/v9/datetime/localization/locale-extension-tags/demo.html create mode 100644 static/usage/v9/datetime/localization/locale-extension-tags/index.md create mode 100644 static/usage/v9/datetime/localization/locale-extension-tags/javascript.md create mode 100644 static/usage/v9/datetime/localization/locale-extension-tags/react.md create mode 100644 static/usage/v9/datetime/localization/locale-extension-tags/vue.md create mode 100644 static/usage/v9/datetime/localization/time-label/angular/example_component_html.md create mode 100644 static/usage/v9/datetime/localization/time-label/angular/example_component_ts.md create mode 100644 static/usage/v9/datetime/localization/time-label/demo.html create mode 100644 static/usage/v9/datetime/localization/time-label/index.md create mode 100644 static/usage/v9/datetime/localization/time-label/javascript.md create mode 100644 static/usage/v9/datetime/localization/time-label/react.md create mode 100644 static/usage/v9/datetime/localization/time-label/vue.md create mode 100644 static/usage/v9/datetime/multiple/angular/example_component_html.md create mode 100644 static/usage/v9/datetime/multiple/angular/example_component_ts.md create mode 100644 static/usage/v9/datetime/multiple/demo.html create mode 100644 static/usage/v9/datetime/multiple/index.md create mode 100644 static/usage/v9/datetime/multiple/javascript.md create mode 100644 static/usage/v9/datetime/multiple/react.md create mode 100644 static/usage/v9/datetime/multiple/vue.md create mode 100644 static/usage/v9/datetime/presentation/date/angular/example_component_html.md create mode 100644 static/usage/v9/datetime/presentation/date/angular/example_component_ts.md create mode 100644 static/usage/v9/datetime/presentation/date/demo.html create mode 100644 static/usage/v9/datetime/presentation/date/index.md create mode 100644 static/usage/v9/datetime/presentation/date/javascript.md create mode 100644 static/usage/v9/datetime/presentation/date/react.md create mode 100644 static/usage/v9/datetime/presentation/date/vue.md create mode 100644 static/usage/v9/datetime/presentation/month-and-year/angular/example_component_html.md create mode 100644 static/usage/v9/datetime/presentation/month-and-year/angular/example_component_ts.md create mode 100644 static/usage/v9/datetime/presentation/month-and-year/demo.html create mode 100644 static/usage/v9/datetime/presentation/month-and-year/index.md create mode 100644 static/usage/v9/datetime/presentation/month-and-year/javascript.md create mode 100644 static/usage/v9/datetime/presentation/month-and-year/react.md create mode 100644 static/usage/v9/datetime/presentation/month-and-year/vue.md create mode 100644 static/usage/v9/datetime/presentation/time/angular/example_component_html.md create mode 100644 static/usage/v9/datetime/presentation/time/angular/example_component_ts.md create mode 100644 static/usage/v9/datetime/presentation/time/demo.html create mode 100644 static/usage/v9/datetime/presentation/time/index.md create mode 100644 static/usage/v9/datetime/presentation/time/javascript.md create mode 100644 static/usage/v9/datetime/presentation/time/react.md create mode 100644 static/usage/v9/datetime/presentation/time/vue.md create mode 100644 static/usage/v9/datetime/presentation/wheel/angular/example_component_html.md create mode 100644 static/usage/v9/datetime/presentation/wheel/angular/example_component_ts.md create mode 100644 static/usage/v9/datetime/presentation/wheel/demo.html create mode 100644 static/usage/v9/datetime/presentation/wheel/index.md create mode 100644 static/usage/v9/datetime/presentation/wheel/javascript.md create mode 100644 static/usage/v9/datetime/presentation/wheel/react.md create mode 100644 static/usage/v9/datetime/presentation/wheel/vue.md create mode 100644 static/usage/v9/datetime/show-adjacent-days/angular/example_component_html.md create mode 100644 static/usage/v9/datetime/show-adjacent-days/angular/example_component_ts.md create mode 100644 static/usage/v9/datetime/show-adjacent-days/demo.html create mode 100644 static/usage/v9/datetime/show-adjacent-days/index.md create mode 100644 static/usage/v9/datetime/show-adjacent-days/javascript.md create mode 100644 static/usage/v9/datetime/show-adjacent-days/react.md create mode 100644 static/usage/v9/datetime/show-adjacent-days/vue.md create mode 100644 static/usage/v9/datetime/styling/calendar-days/angular/example_component_css.md create mode 100644 static/usage/v9/datetime/styling/calendar-days/angular/example_component_html.md create mode 100644 static/usage/v9/datetime/styling/calendar-days/angular/example_component_ts.md create mode 100644 static/usage/v9/datetime/styling/calendar-days/demo.html create mode 100644 static/usage/v9/datetime/styling/calendar-days/index.md create mode 100644 static/usage/v9/datetime/styling/calendar-days/javascript.md create mode 100644 static/usage/v9/datetime/styling/calendar-days/react/main_css.md create mode 100644 static/usage/v9/datetime/styling/calendar-days/react/main_tsx.md create mode 100644 static/usage/v9/datetime/styling/calendar-days/vue.md create mode 100644 static/usage/v9/datetime/styling/global-theming/angular/example_component_css.md create mode 100644 static/usage/v9/datetime/styling/global-theming/angular/example_component_html.md create mode 100644 static/usage/v9/datetime/styling/global-theming/angular/example_component_ts.md create mode 100644 static/usage/v9/datetime/styling/global-theming/demo.html create mode 100644 static/usage/v9/datetime/styling/global-theming/index.md create mode 100644 static/usage/v9/datetime/styling/global-theming/javascript/index_html.md create mode 100644 static/usage/v9/datetime/styling/global-theming/react/main_css.md create mode 100644 static/usage/v9/datetime/styling/global-theming/react/main_tsx.md create mode 100644 static/usage/v9/datetime/styling/global-theming/theme/variables_css.md create mode 100644 static/usage/v9/datetime/styling/global-theming/vue/example_vue.md create mode 100644 static/usage/v9/datetime/styling/wheel-styling/angular/example_component_css.md create mode 100644 static/usage/v9/datetime/styling/wheel-styling/angular/example_component_html.md create mode 100644 static/usage/v9/datetime/styling/wheel-styling/angular/example_component_ts.md create mode 100644 static/usage/v9/datetime/styling/wheel-styling/demo.html create mode 100644 static/usage/v9/datetime/styling/wheel-styling/index.md create mode 100644 static/usage/v9/datetime/styling/wheel-styling/javascript.md create mode 100644 static/usage/v9/datetime/styling/wheel-styling/react/main_css.md create mode 100644 static/usage/v9/datetime/styling/wheel-styling/react/main_tsx.md create mode 100644 static/usage/v9/datetime/styling/wheel-styling/vue.md create mode 100644 static/usage/v9/datetime/title/customizing-title/angular/example_component_html.md create mode 100644 static/usage/v9/datetime/title/customizing-title/angular/example_component_ts.md create mode 100644 static/usage/v9/datetime/title/customizing-title/demo.html create mode 100644 static/usage/v9/datetime/title/customizing-title/index.md create mode 100644 static/usage/v9/datetime/title/customizing-title/javascript.md create mode 100644 static/usage/v9/datetime/title/customizing-title/react.md create mode 100644 static/usage/v9/datetime/title/customizing-title/vue.md create mode 100644 static/usage/v9/datetime/title/showing-default-title/angular/example_component_html.md create mode 100644 static/usage/v9/datetime/title/showing-default-title/angular/example_component_ts.md create mode 100644 static/usage/v9/datetime/title/showing-default-title/demo.html create mode 100644 static/usage/v9/datetime/title/showing-default-title/index.md create mode 100644 static/usage/v9/datetime/title/showing-default-title/javascript.md create mode 100644 static/usage/v9/datetime/title/showing-default-title/react.md create mode 100644 static/usage/v9/datetime/title/showing-default-title/vue.md create mode 100644 static/usage/v9/fab/basic/angular/example_component_html.md create mode 100644 static/usage/v9/fab/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/fab/basic/demo.html create mode 100644 static/usage/v9/fab/basic/index.md create mode 100644 static/usage/v9/fab/basic/javascript/index_html.md create mode 100644 static/usage/v9/fab/basic/javascript/index_ts.md create mode 100644 static/usage/v9/fab/basic/react.md create mode 100644 static/usage/v9/fab/basic/vue.md create mode 100644 static/usage/v9/fab/before-content/angular/example_component_html.md create mode 100644 static/usage/v9/fab/before-content/angular/example_component_ts.md create mode 100644 static/usage/v9/fab/before-content/demo.html create mode 100644 static/usage/v9/fab/before-content/index.md create mode 100644 static/usage/v9/fab/before-content/javascript/index_html.md create mode 100644 static/usage/v9/fab/before-content/javascript/index_ts.md create mode 100644 static/usage/v9/fab/before-content/react.md create mode 100644 static/usage/v9/fab/before-content/vue.md create mode 100644 static/usage/v9/fab/button-sizing/angular/example_component_html.md create mode 100644 static/usage/v9/fab/button-sizing/angular/example_component_ts.md create mode 100644 static/usage/v9/fab/button-sizing/demo.html create mode 100644 static/usage/v9/fab/button-sizing/index.md create mode 100644 static/usage/v9/fab/button-sizing/javascript/index_html.md create mode 100644 static/usage/v9/fab/button-sizing/javascript/index_ts.md create mode 100644 static/usage/v9/fab/button-sizing/react.md create mode 100644 static/usage/v9/fab/button-sizing/vue.md create mode 100644 static/usage/v9/fab/list-side/angular/example_component_html.md create mode 100644 static/usage/v9/fab/list-side/angular/example_component_ts.md create mode 100644 static/usage/v9/fab/list-side/demo.html create mode 100644 static/usage/v9/fab/list-side/index.md create mode 100644 static/usage/v9/fab/list-side/javascript/index_html.md create mode 100644 static/usage/v9/fab/list-side/javascript/index_ts.md create mode 100644 static/usage/v9/fab/list-side/react.md create mode 100644 static/usage/v9/fab/list-side/vue.md create mode 100644 static/usage/v9/fab/positioning/angular/example_component_html.md create mode 100644 static/usage/v9/fab/positioning/angular/example_component_ts.md create mode 100644 static/usage/v9/fab/positioning/demo.html create mode 100644 static/usage/v9/fab/positioning/index.md create mode 100644 static/usage/v9/fab/positioning/javascript/index_html.md create mode 100644 static/usage/v9/fab/positioning/javascript/index_ts.md create mode 100644 static/usage/v9/fab/positioning/react.md create mode 100644 static/usage/v9/fab/positioning/vue.md create mode 100644 static/usage/v9/fab/safe-area/angular/example_component_css.md create mode 100644 static/usage/v9/fab/safe-area/angular/example_component_html.md create mode 100644 static/usage/v9/fab/safe-area/angular/example_component_ts.md create mode 100644 static/usage/v9/fab/safe-area/angular/global_css.md create mode 100644 static/usage/v9/fab/safe-area/demo.html create mode 100644 static/usage/v9/fab/safe-area/index.md create mode 100644 static/usage/v9/fab/safe-area/javascript/index_html.md create mode 100644 static/usage/v9/fab/safe-area/javascript/index_ts.md create mode 100644 static/usage/v9/fab/safe-area/react/main_css.md create mode 100644 static/usage/v9/fab/safe-area/react/main_tsx.md create mode 100644 static/usage/v9/fab/safe-area/vue.md create mode 100644 static/usage/v9/fab/theming/colors/angular/example_component_html.md create mode 100644 static/usage/v9/fab/theming/colors/angular/example_component_ts.md create mode 100644 static/usage/v9/fab/theming/colors/demo.html create mode 100644 static/usage/v9/fab/theming/colors/index.md create mode 100644 static/usage/v9/fab/theming/colors/javascript/index_html.md create mode 100644 static/usage/v9/fab/theming/colors/javascript/index_ts.md create mode 100644 static/usage/v9/fab/theming/colors/react.md create mode 100644 static/usage/v9/fab/theming/colors/vue.md create mode 100644 static/usage/v9/fab/theming/css-custom-properties/angular/example_component_css.md create mode 100644 static/usage/v9/fab/theming/css-custom-properties/angular/example_component_html.md create mode 100644 static/usage/v9/fab/theming/css-custom-properties/angular/example_component_ts.md create mode 100644 static/usage/v9/fab/theming/css-custom-properties/demo.html create mode 100644 static/usage/v9/fab/theming/css-custom-properties/index.md create mode 100644 static/usage/v9/fab/theming/css-custom-properties/javascript/index_html.md create mode 100644 static/usage/v9/fab/theming/css-custom-properties/javascript/index_ts.md create mode 100644 static/usage/v9/fab/theming/css-custom-properties/react/main_css.md create mode 100644 static/usage/v9/fab/theming/css-custom-properties/react/main_tsx.md create mode 100644 static/usage/v9/fab/theming/css-custom-properties/vue.md create mode 100644 static/usage/v9/fab/theming/css-shadow-parts/angular/example_component_css.md create mode 100644 static/usage/v9/fab/theming/css-shadow-parts/angular/example_component_html.md create mode 100644 static/usage/v9/fab/theming/css-shadow-parts/angular/example_component_ts.md create mode 100644 static/usage/v9/fab/theming/css-shadow-parts/demo.html create mode 100644 static/usage/v9/fab/theming/css-shadow-parts/index.md create mode 100644 static/usage/v9/fab/theming/css-shadow-parts/javascript.md create mode 100644 static/usage/v9/fab/theming/css-shadow-parts/javascript/index_html.md create mode 100644 static/usage/v9/fab/theming/css-shadow-parts/javascript/index_ts.md create mode 100644 static/usage/v9/fab/theming/css-shadow-parts/react/main_css.md create mode 100644 static/usage/v9/fab/theming/css-shadow-parts/react/main_tsx.md create mode 100644 static/usage/v9/fab/theming/css-shadow-parts/vue.md create mode 100644 static/usage/v9/footer/basic/angular/example_component_html.md create mode 100644 static/usage/v9/footer/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/footer/basic/demo.html create mode 100644 static/usage/v9/footer/basic/index.md create mode 100644 static/usage/v9/footer/basic/javascript.md create mode 100644 static/usage/v9/footer/basic/react.md create mode 100644 static/usage/v9/footer/basic/vue.md create mode 100644 static/usage/v9/footer/custom-scroll-target/angular/example_component_css.md create mode 100644 static/usage/v9/footer/custom-scroll-target/angular/example_component_html.md create mode 100644 static/usage/v9/footer/custom-scroll-target/angular/example_component_ts.md create mode 100644 static/usage/v9/footer/custom-scroll-target/demo.html create mode 100644 static/usage/v9/footer/custom-scroll-target/index.md create mode 100644 static/usage/v9/footer/custom-scroll-target/javascript.md create mode 100644 static/usage/v9/footer/custom-scroll-target/react/main_css.md create mode 100644 static/usage/v9/footer/custom-scroll-target/react/main_tsx.md create mode 100644 static/usage/v9/footer/custom-scroll-target/vue.md create mode 100644 static/usage/v9/footer/fade/angular/example_component_html.md create mode 100644 static/usage/v9/footer/fade/angular/example_component_ts.md create mode 100644 static/usage/v9/footer/fade/demo.html create mode 100644 static/usage/v9/footer/fade/index.md create mode 100644 static/usage/v9/footer/fade/javascript.md create mode 100644 static/usage/v9/footer/fade/react.md create mode 100644 static/usage/v9/footer/fade/vue.md create mode 100644 static/usage/v9/footer/no-border/angular/example_component_html.md create mode 100644 static/usage/v9/footer/no-border/angular/example_component_ts.md create mode 100644 static/usage/v9/footer/no-border/demo.html create mode 100644 static/usage/v9/footer/no-border/index.md create mode 100644 static/usage/v9/footer/no-border/javascript.md create mode 100644 static/usage/v9/footer/no-border/react.md create mode 100644 static/usage/v9/footer/no-border/vue.md create mode 100644 static/usage/v9/footer/translucent/angular/example_component_html.md create mode 100644 static/usage/v9/footer/translucent/angular/example_component_ts.md create mode 100644 static/usage/v9/footer/translucent/demo.html create mode 100644 static/usage/v9/footer/translucent/index.md create mode 100644 static/usage/v9/footer/translucent/javascript.md create mode 100644 static/usage/v9/footer/translucent/react.md create mode 100644 static/usage/v9/footer/translucent/vue.md create mode 100644 static/usage/v9/gestures/basic/angular/example_component_css.md create mode 100644 static/usage/v9/gestures/basic/angular/example_component_html.md create mode 100644 static/usage/v9/gestures/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/gestures/basic/demo.html create mode 100644 static/usage/v9/gestures/basic/index.md create mode 100644 static/usage/v9/gestures/basic/javascript.md create mode 100644 static/usage/v9/gestures/basic/react/main_css.md create mode 100644 static/usage/v9/gestures/basic/react/main_tsx.md create mode 100644 static/usage/v9/gestures/basic/vue.md create mode 100644 static/usage/v9/gestures/double-click/angular/example_component_css.md create mode 100644 static/usage/v9/gestures/double-click/angular/example_component_html.md create mode 100644 static/usage/v9/gestures/double-click/angular/example_component_ts.md create mode 100644 static/usage/v9/gestures/double-click/demo.html create mode 100644 static/usage/v9/gestures/double-click/index.md create mode 100644 static/usage/v9/gestures/double-click/javascript.md create mode 100644 static/usage/v9/gestures/double-click/react/main_css.md create mode 100644 static/usage/v9/gestures/double-click/react/main_tsx.md create mode 100644 static/usage/v9/gestures/double-click/vue.md create mode 100644 static/usage/v9/grid/basic/angular/example_component_css.md create mode 100644 static/usage/v9/grid/basic/angular/example_component_html.md create mode 100644 static/usage/v9/grid/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/grid/basic/demo.html create mode 100644 static/usage/v9/grid/basic/index.md create mode 100644 static/usage/v9/grid/basic/javascript.md create mode 100644 static/usage/v9/grid/basic/react/main_css.md create mode 100644 static/usage/v9/grid/basic/react/main_tsx.md create mode 100644 static/usage/v9/grid/basic/vue.md create mode 100644 static/usage/v9/grid/customizing/column-number/angular/example_component_css.md create mode 100644 static/usage/v9/grid/customizing/column-number/angular/example_component_html.md create mode 100644 static/usage/v9/grid/customizing/column-number/angular/example_component_ts.md create mode 100644 static/usage/v9/grid/customizing/column-number/demo.html create mode 100644 static/usage/v9/grid/customizing/column-number/index.md create mode 100644 static/usage/v9/grid/customizing/column-number/javascript.md create mode 100644 static/usage/v9/grid/customizing/column-number/react/main_css.md create mode 100644 static/usage/v9/grid/customizing/column-number/react/main_tsx.md create mode 100644 static/usage/v9/grid/customizing/column-number/vue.md create mode 100644 static/usage/v9/grid/customizing/padding/angular/example_component_css.md create mode 100644 static/usage/v9/grid/customizing/padding/angular/example_component_html.md create mode 100644 static/usage/v9/grid/customizing/padding/angular/example_component_ts.md create mode 100644 static/usage/v9/grid/customizing/padding/demo.html create mode 100644 static/usage/v9/grid/customizing/padding/index.md create mode 100644 static/usage/v9/grid/customizing/padding/javascript.md create mode 100644 static/usage/v9/grid/customizing/padding/react/main_css.md create mode 100644 static/usage/v9/grid/customizing/padding/react/main_tsx.md create mode 100644 static/usage/v9/grid/customizing/padding/vue.md create mode 100644 static/usage/v9/grid/customizing/width/angular/example_component_css.md create mode 100644 static/usage/v9/grid/customizing/width/angular/example_component_html.md create mode 100644 static/usage/v9/grid/customizing/width/angular/example_component_ts.md create mode 100644 static/usage/v9/grid/customizing/width/demo.html create mode 100644 static/usage/v9/grid/customizing/width/index.md create mode 100644 static/usage/v9/grid/customizing/width/javascript.md create mode 100644 static/usage/v9/grid/customizing/width/react/main_css.md create mode 100644 static/usage/v9/grid/customizing/width/react/main_tsx.md create mode 100644 static/usage/v9/grid/customizing/width/vue.md create mode 100644 static/usage/v9/grid/fixed/angular/example_component_css.md create mode 100644 static/usage/v9/grid/fixed/angular/example_component_html.md create mode 100644 static/usage/v9/grid/fixed/angular/example_component_ts.md create mode 100644 static/usage/v9/grid/fixed/demo.html create mode 100644 static/usage/v9/grid/fixed/index.md create mode 100644 static/usage/v9/grid/fixed/javascript.md create mode 100644 static/usage/v9/grid/fixed/react/main_css.md create mode 100644 static/usage/v9/grid/fixed/react/main_tsx.md create mode 100644 static/usage/v9/grid/fixed/vue.md create mode 100644 static/usage/v9/grid/horizontal-alignment/angular/example_component_css.md create mode 100644 static/usage/v9/grid/horizontal-alignment/angular/example_component_html.md create mode 100644 static/usage/v9/grid/horizontal-alignment/angular/example_component_ts.md create mode 100644 static/usage/v9/grid/horizontal-alignment/demo.html create mode 100644 static/usage/v9/grid/horizontal-alignment/index.md create mode 100644 static/usage/v9/grid/horizontal-alignment/javascript.md create mode 100644 static/usage/v9/grid/horizontal-alignment/react/main_css.md create mode 100644 static/usage/v9/grid/horizontal-alignment/react/main_tsx.md create mode 100644 static/usage/v9/grid/horizontal-alignment/vue.md create mode 100644 static/usage/v9/grid/offset-responsive/angular/example_component_css.md create mode 100644 static/usage/v9/grid/offset-responsive/angular/example_component_html.md create mode 100644 static/usage/v9/grid/offset-responsive/angular/example_component_ts.md create mode 100644 static/usage/v9/grid/offset-responsive/demo.html create mode 100644 static/usage/v9/grid/offset-responsive/index.md create mode 100644 static/usage/v9/grid/offset-responsive/javascript.md create mode 100644 static/usage/v9/grid/offset-responsive/react/main_css.md create mode 100644 static/usage/v9/grid/offset-responsive/react/main_tsx.md create mode 100644 static/usage/v9/grid/offset-responsive/vue.md create mode 100644 static/usage/v9/grid/offset/angular/example_component_css.md create mode 100644 static/usage/v9/grid/offset/angular/example_component_html.md create mode 100644 static/usage/v9/grid/offset/angular/example_component_ts.md create mode 100644 static/usage/v9/grid/offset/demo.html create mode 100644 static/usage/v9/grid/offset/index.md create mode 100644 static/usage/v9/grid/offset/javascript.md create mode 100644 static/usage/v9/grid/offset/react/main_css.md create mode 100644 static/usage/v9/grid/offset/react/main_tsx.md create mode 100644 static/usage/v9/grid/offset/vue.md create mode 100644 static/usage/v9/grid/push-pull-responsive/angular/example_component_css.md create mode 100644 static/usage/v9/grid/push-pull-responsive/angular/example_component_html.md create mode 100644 static/usage/v9/grid/push-pull-responsive/angular/example_component_ts.md create mode 100644 static/usage/v9/grid/push-pull-responsive/demo.html create mode 100644 static/usage/v9/grid/push-pull-responsive/index.md create mode 100644 static/usage/v9/grid/push-pull-responsive/javascript.md create mode 100644 static/usage/v9/grid/push-pull-responsive/react/main_css.md create mode 100644 static/usage/v9/grid/push-pull-responsive/react/main_tsx.md create mode 100644 static/usage/v9/grid/push-pull-responsive/vue.md create mode 100644 static/usage/v9/grid/push-pull/angular/example_component_css.md create mode 100644 static/usage/v9/grid/push-pull/angular/example_component_html.md create mode 100644 static/usage/v9/grid/push-pull/angular/example_component_ts.md create mode 100644 static/usage/v9/grid/push-pull/demo.html create mode 100644 static/usage/v9/grid/push-pull/index.md create mode 100644 static/usage/v9/grid/push-pull/javascript.md create mode 100644 static/usage/v9/grid/push-pull/react/main_css.md create mode 100644 static/usage/v9/grid/push-pull/react/main_tsx.md create mode 100644 static/usage/v9/grid/push-pull/vue.md create mode 100644 static/usage/v9/grid/size-auto/angular/example_component_css.md create mode 100644 static/usage/v9/grid/size-auto/angular/example_component_html.md create mode 100644 static/usage/v9/grid/size-auto/angular/example_component_ts.md create mode 100644 static/usage/v9/grid/size-auto/demo.html create mode 100644 static/usage/v9/grid/size-auto/index.md create mode 100644 static/usage/v9/grid/size-auto/javascript.md create mode 100644 static/usage/v9/grid/size-auto/react/main_css.md create mode 100644 static/usage/v9/grid/size-auto/react/main_tsx.md create mode 100644 static/usage/v9/grid/size-auto/vue.md create mode 100644 static/usage/v9/grid/size-responsive/angular/example_component_css.md create mode 100644 static/usage/v9/grid/size-responsive/angular/example_component_html.md create mode 100644 static/usage/v9/grid/size-responsive/angular/example_component_ts.md create mode 100644 static/usage/v9/grid/size-responsive/demo.html create mode 100644 static/usage/v9/grid/size-responsive/index.md create mode 100644 static/usage/v9/grid/size-responsive/javascript.md create mode 100644 static/usage/v9/grid/size-responsive/react/main_css.md create mode 100644 static/usage/v9/grid/size-responsive/react/main_tsx.md create mode 100644 static/usage/v9/grid/size-responsive/vue.md create mode 100644 static/usage/v9/grid/size/angular/example_component_css.md create mode 100644 static/usage/v9/grid/size/angular/example_component_html.md create mode 100644 static/usage/v9/grid/size/angular/example_component_ts.md create mode 100644 static/usage/v9/grid/size/demo.html create mode 100644 static/usage/v9/grid/size/index.md create mode 100644 static/usage/v9/grid/size/javascript.md create mode 100644 static/usage/v9/grid/size/react/main_css.md create mode 100644 static/usage/v9/grid/size/react/main_tsx.md create mode 100644 static/usage/v9/grid/size/vue.md create mode 100644 static/usage/v9/grid/vertical-alignment/angular/example_component_css.md create mode 100644 static/usage/v9/grid/vertical-alignment/angular/example_component_html.md create mode 100644 static/usage/v9/grid/vertical-alignment/angular/example_component_ts.md create mode 100644 static/usage/v9/grid/vertical-alignment/demo.html create mode 100644 static/usage/v9/grid/vertical-alignment/index.md create mode 100644 static/usage/v9/grid/vertical-alignment/javascript.md create mode 100644 static/usage/v9/grid/vertical-alignment/react/main_css.md create mode 100644 static/usage/v9/grid/vertical-alignment/react/main_tsx.md create mode 100644 static/usage/v9/grid/vertical-alignment/vue.md create mode 100644 static/usage/v9/header/basic/angular/example_component_html.md create mode 100644 static/usage/v9/header/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/header/basic/demo.html create mode 100644 static/usage/v9/header/basic/index.md create mode 100644 static/usage/v9/header/basic/javascript.md create mode 100644 static/usage/v9/header/basic/react.md create mode 100644 static/usage/v9/header/basic/vue.md create mode 100644 static/usage/v9/header/condense/angular/example_component_html.md create mode 100644 static/usage/v9/header/condense/angular/example_component_ts.md create mode 100644 static/usage/v9/header/condense/demo.html create mode 100644 static/usage/v9/header/condense/index.md create mode 100644 static/usage/v9/header/condense/javascript.md create mode 100644 static/usage/v9/header/condense/react.md create mode 100644 static/usage/v9/header/condense/vue.md create mode 100644 static/usage/v9/header/custom-scroll-target/angular/example_component_css.md create mode 100644 static/usage/v9/header/custom-scroll-target/angular/example_component_html.md create mode 100644 static/usage/v9/header/custom-scroll-target/angular/example_component_ts.md create mode 100644 static/usage/v9/header/custom-scroll-target/demo.html create mode 100644 static/usage/v9/header/custom-scroll-target/index.md create mode 100644 static/usage/v9/header/custom-scroll-target/javascript.md create mode 100644 static/usage/v9/header/custom-scroll-target/react/main_css.md create mode 100644 static/usage/v9/header/custom-scroll-target/react/main_tsx.md create mode 100644 static/usage/v9/header/custom-scroll-target/vue.md create mode 100644 static/usage/v9/header/fade/angular/example_component_html.md create mode 100644 static/usage/v9/header/fade/angular/example_component_ts.md create mode 100644 static/usage/v9/header/fade/demo.html create mode 100644 static/usage/v9/header/fade/index.md create mode 100644 static/usage/v9/header/fade/javascript.md create mode 100644 static/usage/v9/header/fade/react.md create mode 100644 static/usage/v9/header/fade/vue.md create mode 100644 static/usage/v9/header/no-border/angular/example_component_html.md create mode 100644 static/usage/v9/header/no-border/angular/example_component_ts.md create mode 100644 static/usage/v9/header/no-border/demo.html create mode 100644 static/usage/v9/header/no-border/index.md create mode 100644 static/usage/v9/header/no-border/javascript.md create mode 100644 static/usage/v9/header/no-border/react.md create mode 100644 static/usage/v9/header/no-border/vue.md create mode 100644 static/usage/v9/header/translucent/angular/example_component_html.md create mode 100644 static/usage/v9/header/translucent/angular/example_component_ts.md create mode 100644 static/usage/v9/header/translucent/demo.html create mode 100644 static/usage/v9/header/translucent/index.md create mode 100644 static/usage/v9/header/translucent/javascript.md create mode 100644 static/usage/v9/header/translucent/react.md create mode 100644 static/usage/v9/header/translucent/vue.md create mode 100644 static/usage/v9/icon/basic/angular/example_component_html.md create mode 100644 static/usage/v9/icon/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/icon/basic/demo.html create mode 100644 static/usage/v9/icon/basic/index.md create mode 100644 static/usage/v9/icon/basic/javascript/index_html.md create mode 100644 static/usage/v9/icon/basic/javascript/index_ts.md create mode 100644 static/usage/v9/icon/basic/react.md create mode 100644 static/usage/v9/icon/basic/vue.md create mode 100644 static/usage/v9/img/basic/angular/example_component_html.md create mode 100644 static/usage/v9/img/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/img/basic/demo.html create mode 100644 static/usage/v9/img/basic/index.md create mode 100644 static/usage/v9/img/basic/javascript.md create mode 100644 static/usage/v9/img/basic/react.md create mode 100644 static/usage/v9/img/basic/vue.md create mode 100644 static/usage/v9/infinite-scroll/basic/angular/example_component_html.md create mode 100644 static/usage/v9/infinite-scroll/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/infinite-scroll/basic/demo.html create mode 100644 static/usage/v9/infinite-scroll/basic/index.md create mode 100644 static/usage/v9/infinite-scroll/basic/javascript.md create mode 100644 static/usage/v9/infinite-scroll/basic/react.md create mode 100644 static/usage/v9/infinite-scroll/basic/vue.md create mode 100644 static/usage/v9/infinite-scroll/custom-infinite-scroll-content/angular/example_component_css.md create mode 100644 static/usage/v9/infinite-scroll/custom-infinite-scroll-content/angular/example_component_html.md create mode 100644 static/usage/v9/infinite-scroll/custom-infinite-scroll-content/angular/example_component_ts.md create mode 100644 static/usage/v9/infinite-scroll/custom-infinite-scroll-content/demo.html create mode 100644 static/usage/v9/infinite-scroll/custom-infinite-scroll-content/index.md create mode 100644 static/usage/v9/infinite-scroll/custom-infinite-scroll-content/javascript.md create mode 100644 static/usage/v9/infinite-scroll/custom-infinite-scroll-content/react/main_css.md create mode 100644 static/usage/v9/infinite-scroll/custom-infinite-scroll-content/react/main_tsx.md create mode 100644 static/usage/v9/infinite-scroll/custom-infinite-scroll-content/vue.md create mode 100644 static/usage/v9/infinite-scroll/infinite-scroll-content/angular/example_component_html.md create mode 100644 static/usage/v9/infinite-scroll/infinite-scroll-content/angular/example_component_ts.md create mode 100644 static/usage/v9/infinite-scroll/infinite-scroll-content/demo.html create mode 100644 static/usage/v9/infinite-scroll/infinite-scroll-content/index.md create mode 100644 static/usage/v9/infinite-scroll/infinite-scroll-content/javascript.md create mode 100644 static/usage/v9/infinite-scroll/infinite-scroll-content/react.md create mode 100644 static/usage/v9/infinite-scroll/infinite-scroll-content/vue.md create mode 100644 static/usage/v9/input-otp/basic/angular/example_component_html.md create mode 100644 static/usage/v9/input-otp/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/input-otp/basic/demo.html create mode 100644 static/usage/v9/input-otp/basic/index.md create mode 100644 static/usage/v9/input-otp/basic/javascript.md create mode 100644 static/usage/v9/input-otp/basic/react.md create mode 100644 static/usage/v9/input-otp/basic/vue.md create mode 100644 static/usage/v9/input-otp/fill/angular/example_component_html.md create mode 100644 static/usage/v9/input-otp/fill/angular/example_component_ts.md create mode 100644 static/usage/v9/input-otp/fill/demo.html create mode 100644 static/usage/v9/input-otp/fill/index.md create mode 100644 static/usage/v9/input-otp/fill/javascript.md create mode 100644 static/usage/v9/input-otp/fill/react.md create mode 100644 static/usage/v9/input-otp/fill/vue.md create mode 100644 static/usage/v9/input-otp/pattern/angular/example_component_html.md create mode 100644 static/usage/v9/input-otp/pattern/angular/example_component_ts.md create mode 100644 static/usage/v9/input-otp/pattern/demo.html create mode 100644 static/usage/v9/input-otp/pattern/index.md create mode 100644 static/usage/v9/input-otp/pattern/javascript.md create mode 100644 static/usage/v9/input-otp/pattern/react.md create mode 100644 static/usage/v9/input-otp/pattern/vue.md create mode 100644 static/usage/v9/input-otp/separators/angular/example_component_html.md create mode 100644 static/usage/v9/input-otp/separators/angular/example_component_ts.md create mode 100644 static/usage/v9/input-otp/separators/demo.html create mode 100644 static/usage/v9/input-otp/separators/index.md create mode 100644 static/usage/v9/input-otp/separators/javascript.md create mode 100644 static/usage/v9/input-otp/separators/react.md create mode 100644 static/usage/v9/input-otp/separators/vue.md create mode 100644 static/usage/v9/input-otp/shape/angular/example_component_html.md create mode 100644 static/usage/v9/input-otp/shape/angular/example_component_ts.md create mode 100644 static/usage/v9/input-otp/shape/demo.html create mode 100644 static/usage/v9/input-otp/shape/index.md create mode 100644 static/usage/v9/input-otp/shape/javascript.md create mode 100644 static/usage/v9/input-otp/shape/react.md create mode 100644 static/usage/v9/input-otp/shape/vue.md create mode 100644 static/usage/v9/input-otp/size/angular/example_component_html.md create mode 100644 static/usage/v9/input-otp/size/angular/example_component_ts.md create mode 100644 static/usage/v9/input-otp/size/demo.html create mode 100644 static/usage/v9/input-otp/size/index.md create mode 100644 static/usage/v9/input-otp/size/javascript.md create mode 100644 static/usage/v9/input-otp/size/react.md create mode 100644 static/usage/v9/input-otp/size/vue.md create mode 100644 static/usage/v9/input-otp/states/angular/example_component_html.md create mode 100644 static/usage/v9/input-otp/states/angular/example_component_ts.md create mode 100644 static/usage/v9/input-otp/states/demo.html create mode 100644 static/usage/v9/input-otp/states/index.md create mode 100644 static/usage/v9/input-otp/states/javascript.md create mode 100644 static/usage/v9/input-otp/states/react.md create mode 100644 static/usage/v9/input-otp/states/vue.md create mode 100644 static/usage/v9/input-otp/theming/colors/angular/example_component_html.md create mode 100644 static/usage/v9/input-otp/theming/colors/angular/example_component_ts.md create mode 100644 static/usage/v9/input-otp/theming/colors/demo.html create mode 100644 static/usage/v9/input-otp/theming/colors/index.md create mode 100644 static/usage/v9/input-otp/theming/colors/javascript.md create mode 100644 static/usage/v9/input-otp/theming/colors/react.md create mode 100644 static/usage/v9/input-otp/theming/colors/vue.md create mode 100644 static/usage/v9/input-otp/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v9/input-otp/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v9/input-otp/theming/css-properties/angular/example_component_ts.md create mode 100644 static/usage/v9/input-otp/theming/css-properties/demo.html create mode 100644 static/usage/v9/input-otp/theming/css-properties/index.md create mode 100644 static/usage/v9/input-otp/theming/css-properties/javascript.md create mode 100644 static/usage/v9/input-otp/theming/css-properties/react/main_css.md create mode 100644 static/usage/v9/input-otp/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v9/input-otp/theming/css-properties/vue.md create mode 100644 static/usage/v9/input-otp/type/angular/example_component_html.md create mode 100644 static/usage/v9/input-otp/type/angular/example_component_ts.md create mode 100644 static/usage/v9/input-otp/type/demo.html create mode 100644 static/usage/v9/input-otp/type/index.md create mode 100644 static/usage/v9/input-otp/type/javascript.md create mode 100644 static/usage/v9/input-otp/type/react.md create mode 100644 static/usage/v9/input-otp/type/vue.md create mode 100644 static/usage/v9/input-password-toggle/basic/angular/example_component_html.md create mode 100644 static/usage/v9/input-password-toggle/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/input-password-toggle/basic/demo.html create mode 100644 static/usage/v9/input-password-toggle/basic/index.md create mode 100644 static/usage/v9/input-password-toggle/basic/javascript.md create mode 100644 static/usage/v9/input-password-toggle/basic/react.md create mode 100644 static/usage/v9/input-password-toggle/basic/vue.md create mode 100644 static/usage/v9/input/basic/angular/example_component_html.md create mode 100644 static/usage/v9/input/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/input/basic/demo.html create mode 100644 static/usage/v9/input/basic/index.md create mode 100644 static/usage/v9/input/basic/javascript.md create mode 100644 static/usage/v9/input/basic/react.md create mode 100644 static/usage/v9/input/basic/vue.md create mode 100644 static/usage/v9/input/clear/angular/example_component_html.md create mode 100644 static/usage/v9/input/clear/angular/example_component_ts.md create mode 100644 static/usage/v9/input/clear/demo.html create mode 100644 static/usage/v9/input/clear/index.md create mode 100644 static/usage/v9/input/clear/javascript.md create mode 100644 static/usage/v9/input/clear/react.md create mode 100644 static/usage/v9/input/clear/vue.md create mode 100644 static/usage/v9/input/counter-alignment/angular/example_component_html.md create mode 100644 static/usage/v9/input/counter-alignment/angular/example_component_ts.md create mode 100644 static/usage/v9/input/counter-alignment/demo.html create mode 100644 static/usage/v9/input/counter-alignment/index.md create mode 100644 static/usage/v9/input/counter-alignment/javascript.md create mode 100644 static/usage/v9/input/counter-alignment/react.md create mode 100644 static/usage/v9/input/counter-alignment/vue.md create mode 100644 static/usage/v9/input/counter/angular/example_component_html.md create mode 100644 static/usage/v9/input/counter/angular/example_component_ts.md create mode 100644 static/usage/v9/input/counter/demo.html create mode 100644 static/usage/v9/input/counter/index.md create mode 100644 static/usage/v9/input/counter/javascript.md create mode 100644 static/usage/v9/input/counter/react.md create mode 100644 static/usage/v9/input/counter/vue.md create mode 100644 static/usage/v9/input/fill/angular/example_component_html.md create mode 100644 static/usage/v9/input/fill/angular/example_component_ts.md create mode 100644 static/usage/v9/input/fill/demo.html create mode 100644 static/usage/v9/input/fill/index.md create mode 100644 static/usage/v9/input/fill/javascript.md create mode 100644 static/usage/v9/input/fill/react.md create mode 100644 static/usage/v9/input/fill/vue.md create mode 100644 static/usage/v9/input/filtering/angular/example_component_html.md create mode 100644 static/usage/v9/input/filtering/angular/example_component_ts.md create mode 100644 static/usage/v9/input/filtering/demo.html create mode 100644 static/usage/v9/input/filtering/index.md create mode 100644 static/usage/v9/input/filtering/javascript.md create mode 100644 static/usage/v9/input/filtering/react.md create mode 100644 static/usage/v9/input/filtering/vue.md create mode 100644 static/usage/v9/input/helper-error/angular/example_component_html.md create mode 100644 static/usage/v9/input/helper-error/angular/example_component_ts.md create mode 100644 static/usage/v9/input/helper-error/demo.html create mode 100644 static/usage/v9/input/helper-error/index.md create mode 100644 static/usage/v9/input/helper-error/javascript.md create mode 100644 static/usage/v9/input/helper-error/react.md create mode 100644 static/usage/v9/input/helper-error/vue.md create mode 100644 static/usage/v9/input/label-placement/angular/example_component_html.md create mode 100644 static/usage/v9/input/label-placement/angular/example_component_ts.md create mode 100644 static/usage/v9/input/label-placement/demo.html create mode 100644 static/usage/v9/input/label-placement/index.md create mode 100644 static/usage/v9/input/label-placement/javascript.md create mode 100644 static/usage/v9/input/label-placement/react.md create mode 100644 static/usage/v9/input/label-placement/vue.md create mode 100644 static/usage/v9/input/label-slot/angular/example_component_html.md create mode 100644 static/usage/v9/input/label-slot/angular/example_component_ts.md create mode 100644 static/usage/v9/input/label-slot/demo.html create mode 100644 static/usage/v9/input/label-slot/index.md create mode 100644 static/usage/v9/input/label-slot/javascript.md create mode 100644 static/usage/v9/input/label-slot/react.md create mode 100644 static/usage/v9/input/label-slot/vue.md create mode 100644 static/usage/v9/input/mask/angular/example_component_html.md create mode 100644 static/usage/v9/input/mask/angular/example_component_ts.md create mode 100644 static/usage/v9/input/mask/demo.html create mode 100644 static/usage/v9/input/mask/index.md create mode 100644 static/usage/v9/input/mask/javascript/index_html.md create mode 100644 static/usage/v9/input/mask/javascript/index_ts.md create mode 100644 static/usage/v9/input/mask/react.md create mode 100644 static/usage/v9/input/mask/vue.md create mode 100644 static/usage/v9/input/no-visible-label/angular/example_component_html.md create mode 100644 static/usage/v9/input/no-visible-label/angular/example_component_ts.md create mode 100644 static/usage/v9/input/no-visible-label/demo.html create mode 100644 static/usage/v9/input/no-visible-label/index.md create mode 100644 static/usage/v9/input/no-visible-label/javascript.md create mode 100644 static/usage/v9/input/no-visible-label/react.md create mode 100644 static/usage/v9/input/no-visible-label/vue.md create mode 100644 static/usage/v9/input/set-focus/angular/example_component_html.md create mode 100644 static/usage/v9/input/set-focus/angular/example_component_ts.md create mode 100644 static/usage/v9/input/set-focus/demo.html create mode 100644 static/usage/v9/input/set-focus/index.md create mode 100644 static/usage/v9/input/set-focus/javascript.md create mode 100644 static/usage/v9/input/set-focus/react.md create mode 100644 static/usage/v9/input/set-focus/vue.md create mode 100644 static/usage/v9/input/start-end-slots/angular/example_component_html.md create mode 100644 static/usage/v9/input/start-end-slots/angular/example_component_ts.md create mode 100644 static/usage/v9/input/start-end-slots/demo.html create mode 100644 static/usage/v9/input/start-end-slots/index.md create mode 100644 static/usage/v9/input/start-end-slots/javascript/index_html.md create mode 100644 static/usage/v9/input/start-end-slots/javascript/index_ts.md create mode 100644 static/usage/v9/input/start-end-slots/react.md create mode 100644 static/usage/v9/input/start-end-slots/vue.md create mode 100644 static/usage/v9/input/theming/colors/angular/example_component_html.md create mode 100644 static/usage/v9/input/theming/colors/angular/example_component_ts.md create mode 100644 static/usage/v9/input/theming/colors/demo.html create mode 100644 static/usage/v9/input/theming/colors/index.md create mode 100644 static/usage/v9/input/theming/colors/javascript.md create mode 100644 static/usage/v9/input/theming/colors/react.md create mode 100644 static/usage/v9/input/theming/colors/vue.md create mode 100644 static/usage/v9/input/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v9/input/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v9/input/theming/css-properties/angular/example_component_ts.md create mode 100644 static/usage/v9/input/theming/css-properties/angular/global_css.md create mode 100644 static/usage/v9/input/theming/css-properties/demo.html create mode 100644 static/usage/v9/input/theming/css-properties/index.md create mode 100644 static/usage/v9/input/theming/css-properties/javascript.md create mode 100644 static/usage/v9/input/theming/css-properties/react/main_css.md create mode 100644 static/usage/v9/input/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v9/input/theming/css-properties/vue.md create mode 100644 static/usage/v9/input/types/angular/example_component_html.md create mode 100644 static/usage/v9/input/types/angular/example_component_ts.md create mode 100644 static/usage/v9/input/types/demo.html create mode 100644 static/usage/v9/input/types/index.md create mode 100644 static/usage/v9/input/types/javascript.md create mode 100644 static/usage/v9/input/types/react.md create mode 100644 static/usage/v9/input/types/vue.md create mode 100644 static/usage/v9/item-divider/basic/angular/example_component_html.md create mode 100644 static/usage/v9/item-divider/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/item-divider/basic/demo.html create mode 100644 static/usage/v9/item-divider/basic/index.md create mode 100644 static/usage/v9/item-divider/basic/javascript.md create mode 100644 static/usage/v9/item-divider/basic/react.md create mode 100644 static/usage/v9/item-divider/basic/vue.md create mode 100644 static/usage/v9/item-divider/theming/colors/angular/example_component_html.md create mode 100644 static/usage/v9/item-divider/theming/colors/angular/example_component_ts.md create mode 100644 static/usage/v9/item-divider/theming/colors/demo.html create mode 100644 static/usage/v9/item-divider/theming/colors/index.md create mode 100644 static/usage/v9/item-divider/theming/colors/javascript.md create mode 100644 static/usage/v9/item-divider/theming/colors/react.md create mode 100644 static/usage/v9/item-divider/theming/colors/vue.md create mode 100644 static/usage/v9/item-divider/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v9/item-divider/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v9/item-divider/theming/css-properties/angular/example_component_ts.md create mode 100644 static/usage/v9/item-divider/theming/css-properties/demo.html create mode 100644 static/usage/v9/item-divider/theming/css-properties/index.md create mode 100644 static/usage/v9/item-divider/theming/css-properties/javascript.md create mode 100644 static/usage/v9/item-divider/theming/css-properties/react/main_css.md create mode 100644 static/usage/v9/item-divider/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v9/item-divider/theming/css-properties/vue.md create mode 100644 static/usage/v9/item-group/basic/angular/example_component_html.md create mode 100644 static/usage/v9/item-group/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/item-group/basic/demo.html create mode 100644 static/usage/v9/item-group/basic/index.md create mode 100644 static/usage/v9/item-group/basic/javascript.md create mode 100644 static/usage/v9/item-group/basic/react.md create mode 100644 static/usage/v9/item-group/basic/vue.md create mode 100644 static/usage/v9/item-group/sliding-items/angular/example_component_html.md create mode 100644 static/usage/v9/item-group/sliding-items/angular/example_component_ts.md create mode 100644 static/usage/v9/item-group/sliding-items/demo.html create mode 100644 static/usage/v9/item-group/sliding-items/index.md create mode 100644 static/usage/v9/item-group/sliding-items/javascript.md create mode 100644 static/usage/v9/item-group/sliding-items/react.md create mode 100644 static/usage/v9/item-group/sliding-items/vue.md create mode 100644 static/usage/v9/item-sliding/basic/angular/example_component_html.md create mode 100644 static/usage/v9/item-sliding/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/item-sliding/basic/demo.html create mode 100644 static/usage/v9/item-sliding/basic/index.md create mode 100644 static/usage/v9/item-sliding/basic/javascript.md create mode 100644 static/usage/v9/item-sliding/basic/react.md create mode 100644 static/usage/v9/item-sliding/basic/vue.md create mode 100644 static/usage/v9/item-sliding/expandable/angular/example_component_html.md create mode 100644 static/usage/v9/item-sliding/expandable/angular/example_component_ts.md create mode 100644 static/usage/v9/item-sliding/expandable/demo.html create mode 100644 static/usage/v9/item-sliding/expandable/index.md create mode 100644 static/usage/v9/item-sliding/expandable/javascript.md create mode 100644 static/usage/v9/item-sliding/expandable/react.md create mode 100644 static/usage/v9/item-sliding/expandable/vue.md create mode 100644 static/usage/v9/item-sliding/icons/angular/example_component_html.md create mode 100644 static/usage/v9/item-sliding/icons/angular/example_component_ts.md create mode 100644 static/usage/v9/item-sliding/icons/demo.html create mode 100644 static/usage/v9/item-sliding/icons/index.md create mode 100644 static/usage/v9/item-sliding/icons/javascript/index_html.md create mode 100644 static/usage/v9/item-sliding/icons/javascript/index_ts.md create mode 100644 static/usage/v9/item-sliding/icons/react.md create mode 100644 static/usage/v9/item-sliding/icons/vue.md create mode 100644 static/usage/v9/item/basic/angular/example_component_html.md create mode 100644 static/usage/v9/item/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/item/basic/demo.html create mode 100644 static/usage/v9/item/basic/index.md create mode 100644 static/usage/v9/item/basic/javascript.md create mode 100644 static/usage/v9/item/basic/react.md create mode 100644 static/usage/v9/item/basic/vue.md create mode 100644 static/usage/v9/item/buttons/angular/example_component_html.md create mode 100644 static/usage/v9/item/buttons/angular/example_component_ts.md create mode 100644 static/usage/v9/item/buttons/demo.html create mode 100644 static/usage/v9/item/buttons/index.md create mode 100644 static/usage/v9/item/buttons/javascript/index_html.md create mode 100644 static/usage/v9/item/buttons/javascript/index_ts.md create mode 100644 static/usage/v9/item/buttons/react.md create mode 100644 static/usage/v9/item/buttons/vue.md create mode 100644 static/usage/v9/item/clickable/angular/example_component_html.md create mode 100644 static/usage/v9/item/clickable/angular/example_component_ts.md create mode 100644 static/usage/v9/item/clickable/demo.html create mode 100644 static/usage/v9/item/clickable/index.md create mode 100644 static/usage/v9/item/clickable/javascript.md create mode 100644 static/usage/v9/item/clickable/react.md create mode 100644 static/usage/v9/item/clickable/vue.md create mode 100644 static/usage/v9/item/content-types/actions/angular/example_component_html.md create mode 100644 static/usage/v9/item/content-types/actions/angular/example_component_ts.md create mode 100644 static/usage/v9/item/content-types/actions/demo.html create mode 100644 static/usage/v9/item/content-types/actions/index.md create mode 100644 static/usage/v9/item/content-types/actions/javascript/index_html.md create mode 100644 static/usage/v9/item/content-types/actions/javascript/index_ts.md create mode 100644 static/usage/v9/item/content-types/actions/react.md create mode 100644 static/usage/v9/item/content-types/actions/vue.md create mode 100644 static/usage/v9/item/content-types/controls/angular/example_component_html.md create mode 100644 static/usage/v9/item/content-types/controls/angular/example_component_ts.md create mode 100644 static/usage/v9/item/content-types/controls/demo.html create mode 100644 static/usage/v9/item/content-types/controls/index.md create mode 100644 static/usage/v9/item/content-types/controls/javascript.md create mode 100644 static/usage/v9/item/content-types/controls/react.md create mode 100644 static/usage/v9/item/content-types/controls/vue.md create mode 100644 static/usage/v9/item/content-types/metadata/angular/example_component_css.md create mode 100644 static/usage/v9/item/content-types/metadata/angular/example_component_html.md create mode 100644 static/usage/v9/item/content-types/metadata/angular/example_component_ts.md create mode 100644 static/usage/v9/item/content-types/metadata/demo.html create mode 100644 static/usage/v9/item/content-types/metadata/index.md create mode 100644 static/usage/v9/item/content-types/metadata/javascript/index_html.md create mode 100644 static/usage/v9/item/content-types/metadata/javascript/index_ts.md create mode 100644 static/usage/v9/item/content-types/metadata/react/main_css.md create mode 100644 static/usage/v9/item/content-types/metadata/react/main_tsx.md create mode 100644 static/usage/v9/item/content-types/metadata/vue.md create mode 100644 static/usage/v9/item/content-types/supporting-visuals/angular/example_component_html.md create mode 100644 static/usage/v9/item/content-types/supporting-visuals/angular/example_component_ts.md create mode 100644 static/usage/v9/item/content-types/supporting-visuals/demo.html create mode 100644 static/usage/v9/item/content-types/supporting-visuals/index.md create mode 100644 static/usage/v9/item/content-types/supporting-visuals/javascript/index_html.md create mode 100644 static/usage/v9/item/content-types/supporting-visuals/javascript/index_ts.md create mode 100644 static/usage/v9/item/content-types/supporting-visuals/react.md create mode 100644 static/usage/v9/item/content-types/supporting-visuals/vue.md create mode 100644 static/usage/v9/item/content-types/text/angular/example_component_css.md create mode 100644 static/usage/v9/item/content-types/text/angular/example_component_html.md create mode 100644 static/usage/v9/item/content-types/text/angular/example_component_ts.md create mode 100644 static/usage/v9/item/content-types/text/demo.html create mode 100644 static/usage/v9/item/content-types/text/index.md create mode 100644 static/usage/v9/item/content-types/text/javascript.md create mode 100644 static/usage/v9/item/content-types/text/react/main_css.md create mode 100644 static/usage/v9/item/content-types/text/react/main_tsx.md create mode 100644 static/usage/v9/item/content-types/text/vue.md create mode 100644 static/usage/v9/item/detail-arrows/angular/example_component_html.md create mode 100644 static/usage/v9/item/detail-arrows/angular/example_component_ts.md create mode 100644 static/usage/v9/item/detail-arrows/demo.html create mode 100644 static/usage/v9/item/detail-arrows/index.md create mode 100644 static/usage/v9/item/detail-arrows/javascript.md create mode 100644 static/usage/v9/item/detail-arrows/react.md create mode 100644 static/usage/v9/item/detail-arrows/vue.md create mode 100644 static/usage/v9/item/inputs/angular/example_component_html.md create mode 100644 static/usage/v9/item/inputs/angular/example_component_ts.md create mode 100644 static/usage/v9/item/inputs/demo.html create mode 100644 static/usage/v9/item/inputs/index.md create mode 100644 static/usage/v9/item/inputs/javascript.md create mode 100644 static/usage/v9/item/inputs/react.md create mode 100644 static/usage/v9/item/inputs/vue.md create mode 100644 static/usage/v9/item/lines/angular/example_component_html.md create mode 100644 static/usage/v9/item/lines/angular/example_component_ts.md create mode 100644 static/usage/v9/item/lines/demo.html create mode 100644 static/usage/v9/item/lines/index.md create mode 100644 static/usage/v9/item/lines/javascript/index_html.md create mode 100644 static/usage/v9/item/lines/javascript/index_ts.md create mode 100644 static/usage/v9/item/lines/react.md create mode 100644 static/usage/v9/item/lines/vue.md create mode 100644 static/usage/v9/item/media/angular/example_component_html.md create mode 100644 static/usage/v9/item/media/angular/example_component_ts.md create mode 100644 static/usage/v9/item/media/demo.html create mode 100644 static/usage/v9/item/media/index.md create mode 100644 static/usage/v9/item/media/javascript.md create mode 100644 static/usage/v9/item/media/react.md create mode 100644 static/usage/v9/item/media/vue.md create mode 100644 static/usage/v9/item/theming/colors/angular/example_component_html.md create mode 100644 static/usage/v9/item/theming/colors/angular/example_component_ts.md create mode 100644 static/usage/v9/item/theming/colors/demo.html create mode 100644 static/usage/v9/item/theming/colors/index.md create mode 100644 static/usage/v9/item/theming/colors/javascript.md create mode 100644 static/usage/v9/item/theming/colors/react.md create mode 100644 static/usage/v9/item/theming/colors/vue.md create mode 100644 static/usage/v9/item/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v9/item/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v9/item/theming/css-properties/angular/example_component_ts.md create mode 100644 static/usage/v9/item/theming/css-properties/demo.html create mode 100644 static/usage/v9/item/theming/css-properties/index.md create mode 100644 static/usage/v9/item/theming/css-properties/javascript.md create mode 100644 static/usage/v9/item/theming/css-properties/react/main_css.md create mode 100644 static/usage/v9/item/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v9/item/theming/css-properties/vue.md create mode 100644 static/usage/v9/item/theming/css-shadow-parts/angular/example_component_css.md create mode 100644 static/usage/v9/item/theming/css-shadow-parts/angular/example_component_html.md create mode 100644 static/usage/v9/item/theming/css-shadow-parts/angular/example_component_ts.md create mode 100644 static/usage/v9/item/theming/css-shadow-parts/demo.html create mode 100644 static/usage/v9/item/theming/css-shadow-parts/index.md create mode 100644 static/usage/v9/item/theming/css-shadow-parts/javascript.md create mode 100644 static/usage/v9/item/theming/css-shadow-parts/react/main_css.md create mode 100644 static/usage/v9/item/theming/css-shadow-parts/react/main_tsx.md create mode 100644 static/usage/v9/item/theming/css-shadow-parts/vue.md create mode 100644 static/usage/v9/item/theming/input-highlight/angular/example_component_css.md create mode 100644 static/usage/v9/item/theming/input-highlight/angular/example_component_html.md create mode 100644 static/usage/v9/item/theming/input-highlight/angular/example_component_ts.md create mode 100644 static/usage/v9/item/theming/input-highlight/demo.html create mode 100644 static/usage/v9/item/theming/input-highlight/index.md create mode 100644 static/usage/v9/item/theming/input-highlight/javascript.md create mode 100644 static/usage/v9/item/theming/input-highlight/react/main_css.md create mode 100644 static/usage/v9/item/theming/input-highlight/react/main_tsx.md create mode 100644 static/usage/v9/item/theming/input-highlight/vue.md create mode 100644 static/usage/v9/keyboard/enterkeyhint/angular/example_component_html.md create mode 100644 static/usage/v9/keyboard/enterkeyhint/angular/example_component_ts.md create mode 100644 static/usage/v9/keyboard/enterkeyhint/demo.html create mode 100644 static/usage/v9/keyboard/enterkeyhint/index.md create mode 100644 static/usage/v9/keyboard/enterkeyhint/javascript.md create mode 100644 static/usage/v9/keyboard/enterkeyhint/react.md create mode 100644 static/usage/v9/keyboard/enterkeyhint/vue.md create mode 100644 static/usage/v9/keyboard/inputmode/angular/example_component_html.md create mode 100644 static/usage/v9/keyboard/inputmode/angular/example_component_ts.md create mode 100644 static/usage/v9/keyboard/inputmode/demo.html create mode 100644 static/usage/v9/keyboard/inputmode/index.md create mode 100644 static/usage/v9/keyboard/inputmode/javascript.md create mode 100644 static/usage/v9/keyboard/inputmode/react.md create mode 100644 static/usage/v9/keyboard/inputmode/vue.md create mode 100644 static/usage/v9/label/basic/angular/example_component_html.md create mode 100644 static/usage/v9/label/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/label/basic/demo.html create mode 100644 static/usage/v9/label/basic/index.md create mode 100644 static/usage/v9/label/basic/javascript.md create mode 100644 static/usage/v9/label/basic/react.md create mode 100644 static/usage/v9/label/basic/vue.md create mode 100644 static/usage/v9/label/input/angular/example_component_html.md create mode 100644 static/usage/v9/label/input/angular/example_component_ts.md create mode 100644 static/usage/v9/label/input/demo.html create mode 100644 static/usage/v9/label/input/index.md create mode 100644 static/usage/v9/label/input/javascript.md create mode 100644 static/usage/v9/label/input/react.md create mode 100644 static/usage/v9/label/input/vue.md create mode 100644 static/usage/v9/label/item/angular/example_component_html.md create mode 100644 static/usage/v9/label/item/angular/example_component_ts.md create mode 100644 static/usage/v9/label/item/demo.html create mode 100644 static/usage/v9/label/item/index.md create mode 100644 static/usage/v9/label/item/javascript.md create mode 100644 static/usage/v9/label/item/react.md create mode 100644 static/usage/v9/label/item/vue.md create mode 100644 static/usage/v9/label/theming/colors/angular/example_component_html.md create mode 100644 static/usage/v9/label/theming/colors/angular/example_component_ts.md create mode 100644 static/usage/v9/label/theming/colors/demo.html create mode 100644 static/usage/v9/label/theming/colors/index.md create mode 100644 static/usage/v9/label/theming/colors/javascript.md create mode 100644 static/usage/v9/label/theming/colors/react.md create mode 100644 static/usage/v9/label/theming/colors/vue.md create mode 100644 static/usage/v9/layout/dynamic-font-scaling/angular/example_component_html.md create mode 100644 static/usage/v9/layout/dynamic-font-scaling/angular/example_component_ts.md create mode 100644 static/usage/v9/layout/dynamic-font-scaling/demo.html create mode 100644 static/usage/v9/layout/dynamic-font-scaling/index.md create mode 100644 static/usage/v9/layout/dynamic-font-scaling/javascript/index_html.md create mode 100644 static/usage/v9/layout/dynamic-font-scaling/javascript/index_ts.md create mode 100644 static/usage/v9/layout/dynamic-font-scaling/react.md create mode 100644 static/usage/v9/layout/dynamic-font-scaling/vue.md create mode 100644 static/usage/v9/list-header/basic/angular/example_component_html.md create mode 100644 static/usage/v9/list-header/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/list-header/basic/demo.html create mode 100644 static/usage/v9/list-header/basic/index.md create mode 100644 static/usage/v9/list-header/basic/javascript.md create mode 100644 static/usage/v9/list-header/basic/react.md create mode 100644 static/usage/v9/list-header/basic/vue.md create mode 100644 static/usage/v9/list-header/buttons/angular/example_component_html.md create mode 100644 static/usage/v9/list-header/buttons/angular/example_component_ts.md create mode 100644 static/usage/v9/list-header/buttons/demo.html create mode 100644 static/usage/v9/list-header/buttons/index.md create mode 100644 static/usage/v9/list-header/buttons/javascript.md create mode 100644 static/usage/v9/list-header/buttons/react.md create mode 100644 static/usage/v9/list-header/buttons/vue.md create mode 100644 static/usage/v9/list-header/lines/angular/example_component_html.md create mode 100644 static/usage/v9/list-header/lines/angular/example_component_ts.md create mode 100644 static/usage/v9/list-header/lines/demo.html create mode 100644 static/usage/v9/list-header/lines/index.md create mode 100644 static/usage/v9/list-header/lines/javascript.md create mode 100644 static/usage/v9/list-header/lines/react.md create mode 100644 static/usage/v9/list-header/lines/vue.md create mode 100644 static/usage/v9/list-header/theming/colors/angular/example_component_html.md create mode 100644 static/usage/v9/list-header/theming/colors/angular/example_component_ts.md create mode 100644 static/usage/v9/list-header/theming/colors/demo.html create mode 100644 static/usage/v9/list-header/theming/colors/index.md create mode 100644 static/usage/v9/list-header/theming/colors/javascript.md create mode 100644 static/usage/v9/list-header/theming/colors/react.md create mode 100644 static/usage/v9/list-header/theming/colors/vue.md create mode 100644 static/usage/v9/list-header/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v9/list-header/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v9/list-header/theming/css-properties/angular/example_component_ts.md create mode 100644 static/usage/v9/list-header/theming/css-properties/demo.html create mode 100644 static/usage/v9/list-header/theming/css-properties/index.md create mode 100644 static/usage/v9/list-header/theming/css-properties/javascript.md create mode 100644 static/usage/v9/list-header/theming/css-properties/react/main_css.md create mode 100644 static/usage/v9/list-header/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v9/list-header/theming/css-properties/vue.md create mode 100644 static/usage/v9/list/basic/angular/example_component_html.md create mode 100644 static/usage/v9/list/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/list/basic/demo.html create mode 100644 static/usage/v9/list/basic/index.md create mode 100644 static/usage/v9/list/basic/javascript.md create mode 100644 static/usage/v9/list/basic/react.md create mode 100644 static/usage/v9/list/basic/vue.md create mode 100644 static/usage/v9/list/inset/angular/example_component_html.md create mode 100644 static/usage/v9/list/inset/angular/example_component_ts.md create mode 100644 static/usage/v9/list/inset/demo.html create mode 100644 static/usage/v9/list/inset/index.md create mode 100644 static/usage/v9/list/inset/javascript.md create mode 100644 static/usage/v9/list/inset/react.md create mode 100644 static/usage/v9/list/inset/vue.md create mode 100644 static/usage/v9/list/lines/angular/example_component_html.md create mode 100644 static/usage/v9/list/lines/angular/example_component_ts.md create mode 100644 static/usage/v9/list/lines/demo.html create mode 100644 static/usage/v9/list/lines/index.md create mode 100644 static/usage/v9/list/lines/javascript.md create mode 100644 static/usage/v9/list/lines/react.md create mode 100644 static/usage/v9/list/lines/vue.md create mode 100644 static/usage/v9/loading/controller/angular/example_component_html.md create mode 100644 static/usage/v9/loading/controller/angular/example_component_ts.md create mode 100644 static/usage/v9/loading/controller/demo.html create mode 100644 static/usage/v9/loading/controller/index.md create mode 100644 static/usage/v9/loading/controller/javascript.md create mode 100644 static/usage/v9/loading/controller/react.md create mode 100644 static/usage/v9/loading/controller/vue.md create mode 100644 static/usage/v9/loading/inline/angular/example_component_html.md create mode 100644 static/usage/v9/loading/inline/angular/example_component_ts.md create mode 100644 static/usage/v9/loading/inline/demo.html create mode 100644 static/usage/v9/loading/inline/index.md create mode 100644 static/usage/v9/loading/inline/javascript.md create mode 100644 static/usage/v9/loading/inline/react.md create mode 100644 static/usage/v9/loading/inline/vue.md create mode 100644 static/usage/v9/loading/spinners/angular/example_component_html.md create mode 100644 static/usage/v9/loading/spinners/angular/example_component_ts.md create mode 100644 static/usage/v9/loading/spinners/demo.html create mode 100644 static/usage/v9/loading/spinners/index.md create mode 100644 static/usage/v9/loading/spinners/javascript.md create mode 100644 static/usage/v9/loading/spinners/react.md create mode 100644 static/usage/v9/loading/spinners/vue.md create mode 100644 static/usage/v9/loading/theming/angular/example_component_html.md create mode 100644 static/usage/v9/loading/theming/angular/example_component_ts.md create mode 100644 static/usage/v9/loading/theming/angular/global_css.md create mode 100644 static/usage/v9/loading/theming/demo.html create mode 100644 static/usage/v9/loading/theming/index.md create mode 100644 static/usage/v9/loading/theming/javascript.md create mode 100644 static/usage/v9/loading/theming/react/main_css.md create mode 100644 static/usage/v9/loading/theming/react/main_tsx.md create mode 100644 static/usage/v9/loading/theming/vue.md create mode 100644 static/usage/v9/menu/basic/angular/example_component_html.md create mode 100644 static/usage/v9/menu/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/menu/basic/demo.html create mode 100644 static/usage/v9/menu/basic/index.md create mode 100644 static/usage/v9/menu/basic/javascript.md create mode 100644 static/usage/v9/menu/basic/react.md create mode 100644 static/usage/v9/menu/basic/vue.md create mode 100644 static/usage/v9/menu/multiple/angular/example_component_html.md create mode 100644 static/usage/v9/menu/multiple/angular/example_component_ts.md create mode 100644 static/usage/v9/menu/multiple/demo.html create mode 100644 static/usage/v9/menu/multiple/index.md create mode 100644 static/usage/v9/menu/multiple/javascript.md create mode 100644 static/usage/v9/menu/multiple/react.md create mode 100644 static/usage/v9/menu/multiple/vue.md create mode 100644 static/usage/v9/menu/sides/angular/example_component_html.md create mode 100644 static/usage/v9/menu/sides/angular/example_component_ts.md create mode 100644 static/usage/v9/menu/sides/demo.html create mode 100644 static/usage/v9/menu/sides/index.md create mode 100644 static/usage/v9/menu/sides/javascript.md create mode 100644 static/usage/v9/menu/sides/react.md create mode 100644 static/usage/v9/menu/sides/vue.md create mode 100644 static/usage/v9/menu/theming/angular/example_component_css.md create mode 100644 static/usage/v9/menu/theming/angular/example_component_html.md create mode 100644 static/usage/v9/menu/theming/angular/example_component_ts.md create mode 100644 static/usage/v9/menu/theming/demo.html create mode 100644 static/usage/v9/menu/theming/index.md create mode 100644 static/usage/v9/menu/theming/javascript.md create mode 100644 static/usage/v9/menu/theming/react/main_css.md create mode 100644 static/usage/v9/menu/theming/react/main_tsx.md create mode 100644 static/usage/v9/menu/theming/vue.md create mode 100644 static/usage/v9/menu/toggle/angular/example_component_html.md create mode 100644 static/usage/v9/menu/toggle/angular/example_component_ts.md create mode 100644 static/usage/v9/menu/toggle/demo.html create mode 100644 static/usage/v9/menu/toggle/index.md create mode 100644 static/usage/v9/menu/toggle/javascript.md create mode 100644 static/usage/v9/menu/toggle/react.md create mode 100644 static/usage/v9/menu/toggle/vue.md create mode 100644 static/usage/v9/menu/type/angular/example_component_html.md create mode 100644 static/usage/v9/menu/type/angular/example_component_ts.md create mode 100644 static/usage/v9/menu/type/demo.html create mode 100644 static/usage/v9/menu/type/index.md create mode 100644 static/usage/v9/menu/type/javascript.md create mode 100644 static/usage/v9/menu/type/react.md create mode 100644 static/usage/v9/menu/type/vue.md create mode 100644 static/usage/v9/modal/can-dismiss/boolean/angular/example_component_html.md create mode 100644 static/usage/v9/modal/can-dismiss/boolean/angular/example_component_ts.md create mode 100644 static/usage/v9/modal/can-dismiss/boolean/demo.html create mode 100644 static/usage/v9/modal/can-dismiss/boolean/index.md create mode 100644 static/usage/v9/modal/can-dismiss/boolean/javascript.md create mode 100644 static/usage/v9/modal/can-dismiss/boolean/react.md create mode 100644 static/usage/v9/modal/can-dismiss/boolean/vue.md create mode 100644 static/usage/v9/modal/can-dismiss/child-state/angular/child_component_html.md create mode 100644 static/usage/v9/modal/can-dismiss/child-state/angular/child_component_ts.md create mode 100644 static/usage/v9/modal/can-dismiss/child-state/angular/example_component_html.md create mode 100644 static/usage/v9/modal/can-dismiss/child-state/angular/example_component_ts.md create mode 100644 static/usage/v9/modal/can-dismiss/child-state/demo.html create mode 100644 static/usage/v9/modal/can-dismiss/child-state/index.md create mode 100644 static/usage/v9/modal/can-dismiss/child-state/react/child_tsx.md create mode 100644 static/usage/v9/modal/can-dismiss/child-state/react/main_tsx.md create mode 100644 static/usage/v9/modal/can-dismiss/child-state/vue/child_vue.md create mode 100644 static/usage/v9/modal/can-dismiss/child-state/vue/example_vue.md create mode 100644 static/usage/v9/modal/can-dismiss/function/angular/example_component_html.md create mode 100644 static/usage/v9/modal/can-dismiss/function/angular/example_component_ts.md create mode 100644 static/usage/v9/modal/can-dismiss/function/demo.html create mode 100644 static/usage/v9/modal/can-dismiss/function/index.md create mode 100644 static/usage/v9/modal/can-dismiss/function/javascript.md create mode 100644 static/usage/v9/modal/can-dismiss/function/react.md create mode 100644 static/usage/v9/modal/can-dismiss/function/vue.md create mode 100644 static/usage/v9/modal/can-dismiss/prevent-swipe-to-close/angular/example_component_html.md create mode 100644 static/usage/v9/modal/can-dismiss/prevent-swipe-to-close/angular/example_component_ts.md create mode 100644 static/usage/v9/modal/can-dismiss/prevent-swipe-to-close/demo.html create mode 100644 static/usage/v9/modal/can-dismiss/prevent-swipe-to-close/index.md create mode 100644 static/usage/v9/modal/can-dismiss/prevent-swipe-to-close/javascript.md create mode 100644 static/usage/v9/modal/can-dismiss/prevent-swipe-to-close/react.md create mode 100644 static/usage/v9/modal/can-dismiss/prevent-swipe-to-close/vue.md create mode 100644 static/usage/v9/modal/card/basic/angular/example_component_html.md create mode 100644 static/usage/v9/modal/card/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/modal/card/basic/demo.html create mode 100644 static/usage/v9/modal/card/basic/index.md create mode 100644 static/usage/v9/modal/card/basic/javascript.md create mode 100644 static/usage/v9/modal/card/basic/react.md create mode 100644 static/usage/v9/modal/card/basic/vue.md create mode 100644 static/usage/v9/modal/controller/angular/example_component_html.md create mode 100644 static/usage/v9/modal/controller/angular/example_component_ts.md create mode 100644 static/usage/v9/modal/controller/angular/modal-example_component_html.md create mode 100644 static/usage/v9/modal/controller/angular/modal-example_component_ts.md create mode 100644 static/usage/v9/modal/controller/demo.html create mode 100644 static/usage/v9/modal/controller/index.md create mode 100644 static/usage/v9/modal/controller/javascript.md create mode 100644 static/usage/v9/modal/controller/react.md create mode 100644 static/usage/v9/modal/controller/vue/example_vue.md create mode 100644 static/usage/v9/modal/controller/vue/modal_vue.md create mode 100644 static/usage/v9/modal/custom-dialogs/angular/example_component_html.md create mode 100644 static/usage/v9/modal/custom-dialogs/angular/example_component_ts.md create mode 100644 static/usage/v9/modal/custom-dialogs/angular/global_css.md create mode 100644 static/usage/v9/modal/custom-dialogs/demo.html create mode 100644 static/usage/v9/modal/custom-dialogs/index.md create mode 100644 static/usage/v9/modal/custom-dialogs/javascript/index_html.md create mode 100644 static/usage/v9/modal/custom-dialogs/javascript/index_ts.md create mode 100644 static/usage/v9/modal/custom-dialogs/react/main_css.md create mode 100644 static/usage/v9/modal/custom-dialogs/react/main_tsx.md create mode 100644 static/usage/v9/modal/custom-dialogs/vue.md create mode 100644 static/usage/v9/modal/inline/basic/angular/example_component_html.md create mode 100644 static/usage/v9/modal/inline/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/modal/inline/basic/demo.html create mode 100644 static/usage/v9/modal/inline/basic/index.md create mode 100644 static/usage/v9/modal/inline/basic/javascript.md create mode 100644 static/usage/v9/modal/inline/basic/react.md create mode 100644 static/usage/v9/modal/inline/basic/vue.md create mode 100644 static/usage/v9/modal/inline/is-open/angular/example_component_html.md create mode 100644 static/usage/v9/modal/inline/is-open/angular/example_component_ts.md create mode 100644 static/usage/v9/modal/inline/is-open/demo.html create mode 100644 static/usage/v9/modal/inline/is-open/index.md create mode 100644 static/usage/v9/modal/inline/is-open/javascript.md create mode 100644 static/usage/v9/modal/inline/is-open/react.md create mode 100644 static/usage/v9/modal/inline/is-open/vue.md create mode 100644 static/usage/v9/modal/performance/mount/angular/example_component_html.md create mode 100644 static/usage/v9/modal/performance/mount/angular/example_component_ts.md create mode 100644 static/usage/v9/modal/performance/mount/demo.html create mode 100644 static/usage/v9/modal/performance/mount/index.md create mode 100644 static/usage/v9/modal/performance/mount/javascript.md create mode 100644 static/usage/v9/modal/performance/mount/react.md create mode 100644 static/usage/v9/modal/performance/mount/vue.md create mode 100644 static/usage/v9/modal/sheet/auto-height/angular/example_component_css.md create mode 100644 static/usage/v9/modal/sheet/auto-height/angular/example_component_html.md create mode 100644 static/usage/v9/modal/sheet/auto-height/angular/example_component_ts.md create mode 100644 static/usage/v9/modal/sheet/auto-height/demo.html create mode 100644 static/usage/v9/modal/sheet/auto-height/index.md create mode 100644 static/usage/v9/modal/sheet/auto-height/javascript.md create mode 100644 static/usage/v9/modal/sheet/auto-height/react/main_css.md create mode 100644 static/usage/v9/modal/sheet/auto-height/react/main_tsx.md create mode 100644 static/usage/v9/modal/sheet/auto-height/vue.md create mode 100644 static/usage/v9/modal/sheet/background-content/angular/example_component_css.md create mode 100644 static/usage/v9/modal/sheet/background-content/angular/example_component_html.md create mode 100644 static/usage/v9/modal/sheet/background-content/angular/example_component_ts.md create mode 100644 static/usage/v9/modal/sheet/background-content/demo.html create mode 100644 static/usage/v9/modal/sheet/background-content/index.md create mode 100644 static/usage/v9/modal/sheet/background-content/javascript.md create mode 100644 static/usage/v9/modal/sheet/background-content/react.md create mode 100644 static/usage/v9/modal/sheet/background-content/vue.md create mode 100644 static/usage/v9/modal/sheet/basic/angular/example_component_html.md create mode 100644 static/usage/v9/modal/sheet/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/modal/sheet/basic/demo.html create mode 100644 static/usage/v9/modal/sheet/basic/index.md create mode 100644 static/usage/v9/modal/sheet/basic/javascript.md create mode 100644 static/usage/v9/modal/sheet/basic/react.md create mode 100644 static/usage/v9/modal/sheet/basic/vue.md create mode 100644 static/usage/v9/modal/sheet/expand-to-scroll/angular/example_component_html.md create mode 100644 static/usage/v9/modal/sheet/expand-to-scroll/angular/example_component_ts.md create mode 100644 static/usage/v9/modal/sheet/expand-to-scroll/demo.html create mode 100644 static/usage/v9/modal/sheet/expand-to-scroll/index.md create mode 100644 static/usage/v9/modal/sheet/expand-to-scroll/javascript.md create mode 100644 static/usage/v9/modal/sheet/expand-to-scroll/react.md create mode 100644 static/usage/v9/modal/sheet/expand-to-scroll/vue.md create mode 100644 static/usage/v9/modal/sheet/handle-behavior/angular/example_component_html.md create mode 100644 static/usage/v9/modal/sheet/handle-behavior/angular/example_component_ts.md create mode 100644 static/usage/v9/modal/sheet/handle-behavior/demo.html create mode 100644 static/usage/v9/modal/sheet/handle-behavior/index.md create mode 100644 static/usage/v9/modal/sheet/handle-behavior/javascript.md create mode 100644 static/usage/v9/modal/sheet/handle-behavior/react.md create mode 100644 static/usage/v9/modal/sheet/handle-behavior/vue.md create mode 100644 static/usage/v9/modal/styling/animations/angular/example_component_html.md create mode 100644 static/usage/v9/modal/styling/animations/angular/example_component_ts.md create mode 100644 static/usage/v9/modal/styling/animations/demo.html create mode 100644 static/usage/v9/modal/styling/animations/index.md create mode 100644 static/usage/v9/modal/styling/animations/javascript/index_html.md create mode 100644 static/usage/v9/modal/styling/animations/javascript/index_ts.md create mode 100644 static/usage/v9/modal/styling/animations/react.md create mode 100644 static/usage/v9/modal/styling/animations/vue.md create mode 100644 static/usage/v9/modal/styling/theming/angular/example_component_html.md create mode 100644 static/usage/v9/modal/styling/theming/angular/example_component_ts.md create mode 100644 static/usage/v9/modal/styling/theming/angular/global_css.md create mode 100644 static/usage/v9/modal/styling/theming/demo.html create mode 100644 static/usage/v9/modal/styling/theming/index.md create mode 100644 static/usage/v9/modal/styling/theming/javascript.md create mode 100644 static/usage/v9/modal/styling/theming/react/main_css.md create mode 100644 static/usage/v9/modal/styling/theming/react/main_tsx.md create mode 100644 static/usage/v9/modal/styling/theming/vue.md create mode 100644 static/usage/v9/nav/modal-navigation/angular/example_component_html.md create mode 100644 static/usage/v9/nav/modal-navigation/angular/example_component_ts.md create mode 100644 static/usage/v9/nav/modal-navigation/angular/page_one_component_ts.md create mode 100644 static/usage/v9/nav/modal-navigation/angular/page_three_component_ts.md create mode 100644 static/usage/v9/nav/modal-navigation/angular/page_two_component_ts.md create mode 100644 static/usage/v9/nav/modal-navigation/demo.html create mode 100644 static/usage/v9/nav/modal-navigation/index.md create mode 100644 static/usage/v9/nav/modal-navigation/javascript.md create mode 100644 static/usage/v9/nav/modal-navigation/react/main_tsx.md create mode 100644 static/usage/v9/nav/modal-navigation/react/page_one_tsx.md create mode 100644 static/usage/v9/nav/modal-navigation/react/page_three_tsx.md create mode 100644 static/usage/v9/nav/modal-navigation/react/page_two_tsx.md create mode 100644 static/usage/v9/nav/modal-navigation/vue/example_vue.md create mode 100644 static/usage/v9/nav/modal-navigation/vue/page_one_vue.md create mode 100644 static/usage/v9/nav/modal-navigation/vue/page_three_vue.md create mode 100644 static/usage/v9/nav/modal-navigation/vue/page_two_vue.md create mode 100644 static/usage/v9/nav/nav-link/angular/example_component_html.md create mode 100644 static/usage/v9/nav/nav-link/angular/example_component_ts.md create mode 100644 static/usage/v9/nav/nav-link/angular/page_one_component_ts.md create mode 100644 static/usage/v9/nav/nav-link/angular/page_three_component_ts.md create mode 100644 static/usage/v9/nav/nav-link/angular/page_two_component_ts.md create mode 100644 static/usage/v9/nav/nav-link/demo.html create mode 100644 static/usage/v9/nav/nav-link/index.md create mode 100644 static/usage/v9/nav/nav-link/javascript.md create mode 100644 static/usage/v9/nav/nav-link/react/main_tsx.md create mode 100644 static/usage/v9/nav/nav-link/react/page_one_tsx.md create mode 100644 static/usage/v9/nav/nav-link/react/page_three_tsx.md create mode 100644 static/usage/v9/nav/nav-link/react/page_two_tsx.md create mode 100644 static/usage/v9/nav/nav-link/vue/example_vue.md create mode 100644 static/usage/v9/nav/nav-link/vue/page_one_vue.md create mode 100644 static/usage/v9/nav/nav-link/vue/page_three_vue.md create mode 100644 static/usage/v9/nav/nav-link/vue/page_two_vue.md create mode 100644 static/usage/v9/note/basic/angular/example_component_html.md create mode 100644 static/usage/v9/note/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/note/basic/demo.html create mode 100644 static/usage/v9/note/basic/index.md create mode 100644 static/usage/v9/note/basic/javascript.md create mode 100644 static/usage/v9/note/basic/react.md create mode 100644 static/usage/v9/note/basic/vue.md create mode 100644 static/usage/v9/note/item/angular/example_component_html.md create mode 100644 static/usage/v9/note/item/angular/example_component_ts.md create mode 100644 static/usage/v9/note/item/demo.html create mode 100644 static/usage/v9/note/item/index.md create mode 100644 static/usage/v9/note/item/javascript.md create mode 100644 static/usage/v9/note/item/react.md create mode 100644 static/usage/v9/note/item/vue.md create mode 100644 static/usage/v9/note/theming/colors/angular/example_component_html.md create mode 100644 static/usage/v9/note/theming/colors/angular/example_component_ts.md create mode 100644 static/usage/v9/note/theming/colors/demo.html create mode 100644 static/usage/v9/note/theming/colors/index.md create mode 100644 static/usage/v9/note/theming/colors/javascript.md create mode 100644 static/usage/v9/note/theming/colors/react.md create mode 100644 static/usage/v9/note/theming/colors/vue.md create mode 100644 static/usage/v9/note/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v9/note/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v9/note/theming/css-properties/angular/example_component_ts.md create mode 100644 static/usage/v9/note/theming/css-properties/demo.html create mode 100644 static/usage/v9/note/theming/css-properties/index.md create mode 100644 static/usage/v9/note/theming/css-properties/javascript.md create mode 100644 static/usage/v9/note/theming/css-properties/react/main_css.md create mode 100644 static/usage/v9/note/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v9/note/theming/css-properties/vue.md create mode 100644 static/usage/v9/picker-legacy/controller/angular/example_component_html.md create mode 100644 static/usage/v9/picker-legacy/controller/angular/example_component_ts.md create mode 100644 static/usage/v9/picker-legacy/controller/demo.html create mode 100644 static/usage/v9/picker-legacy/controller/index.md create mode 100644 static/usage/v9/picker-legacy/controller/javascript.md create mode 100644 static/usage/v9/picker-legacy/controller/react.md create mode 100644 static/usage/v9/picker-legacy/controller/vue.md create mode 100644 static/usage/v9/picker-legacy/inline/isOpen/angular/example_component_html.md create mode 100644 static/usage/v9/picker-legacy/inline/isOpen/angular/example_component_ts.md create mode 100644 static/usage/v9/picker-legacy/inline/isOpen/demo.html create mode 100644 static/usage/v9/picker-legacy/inline/isOpen/index.md create mode 100644 static/usage/v9/picker-legacy/inline/isOpen/javascript.md create mode 100644 static/usage/v9/picker-legacy/inline/isOpen/react.md create mode 100644 static/usage/v9/picker-legacy/inline/isOpen/vue.md create mode 100644 static/usage/v9/picker-legacy/inline/trigger/angular/example_component_html.md create mode 100644 static/usage/v9/picker-legacy/inline/trigger/angular/example_component_ts.md create mode 100644 static/usage/v9/picker-legacy/inline/trigger/demo.html create mode 100644 static/usage/v9/picker-legacy/inline/trigger/index.md create mode 100644 static/usage/v9/picker-legacy/inline/trigger/javascript.md create mode 100644 static/usage/v9/picker-legacy/inline/trigger/react.md create mode 100644 static/usage/v9/picker-legacy/inline/trigger/vue.md create mode 100644 static/usage/v9/picker-legacy/multiple-column/angular/example_component_html.md create mode 100644 static/usage/v9/picker-legacy/multiple-column/angular/example_component_ts.md create mode 100644 static/usage/v9/picker-legacy/multiple-column/demo.html create mode 100644 static/usage/v9/picker-legacy/multiple-column/index.md create mode 100644 static/usage/v9/picker-legacy/multiple-column/javascript.md create mode 100644 static/usage/v9/picker-legacy/multiple-column/react.md create mode 100644 static/usage/v9/picker-legacy/multiple-column/vue.md create mode 100644 static/usage/v9/picker/basic/angular/example_component_html.md create mode 100644 static/usage/v9/picker/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/picker/basic/demo.html create mode 100644 static/usage/v9/picker/basic/index.md create mode 100644 static/usage/v9/picker/basic/javascript.md create mode 100644 static/usage/v9/picker/basic/react.md create mode 100644 static/usage/v9/picker/basic/vue.md create mode 100644 static/usage/v9/picker/modal/angular/example_component_css.md create mode 100644 static/usage/v9/picker/modal/angular/example_component_html.md create mode 100644 static/usage/v9/picker/modal/angular/example_component_ts.md create mode 100644 static/usage/v9/picker/modal/demo.html create mode 100644 static/usage/v9/picker/modal/index.md create mode 100644 static/usage/v9/picker/modal/javascript.md create mode 100644 static/usage/v9/picker/modal/react/main_css.md create mode 100644 static/usage/v9/picker/modal/react/main_tsx.md create mode 100644 static/usage/v9/picker/modal/vue.md create mode 100644 static/usage/v9/picker/prefix-suffix/angular/example_component_html.md create mode 100644 static/usage/v9/picker/prefix-suffix/angular/example_component_ts.md create mode 100644 static/usage/v9/picker/prefix-suffix/demo.html create mode 100644 static/usage/v9/picker/prefix-suffix/index.md create mode 100644 static/usage/v9/picker/prefix-suffix/javascript.md create mode 100644 static/usage/v9/picker/prefix-suffix/react.md create mode 100644 static/usage/v9/picker/prefix-suffix/vue.md create mode 100644 static/usage/v9/picker/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v9/picker/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v9/picker/theming/css-properties/angular/example_component_ts.md create mode 100644 static/usage/v9/picker/theming/css-properties/demo.html create mode 100644 static/usage/v9/picker/theming/css-properties/index.md create mode 100644 static/usage/v9/picker/theming/css-properties/javascript.md create mode 100644 static/usage/v9/picker/theming/css-properties/react/main_css.md create mode 100644 static/usage/v9/picker/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v9/picker/theming/css-properties/vue.md create mode 100644 static/usage/v9/popover/customization/positioning/angular/example_component_css.md create mode 100644 static/usage/v9/popover/customization/positioning/angular/example_component_html.md create mode 100644 static/usage/v9/popover/customization/positioning/angular/example_component_ts.md create mode 100644 static/usage/v9/popover/customization/positioning/demo.html create mode 100644 static/usage/v9/popover/customization/positioning/index.md create mode 100644 static/usage/v9/popover/customization/positioning/javascript.md create mode 100644 static/usage/v9/popover/customization/positioning/react/main_css.md create mode 100644 static/usage/v9/popover/customization/positioning/react/main_tsx.md create mode 100644 static/usage/v9/popover/customization/positioning/vue.md create mode 100644 static/usage/v9/popover/customization/sizing/angular/example_component_html.md create mode 100644 static/usage/v9/popover/customization/sizing/angular/example_component_ts.md create mode 100644 static/usage/v9/popover/customization/sizing/demo.html create mode 100644 static/usage/v9/popover/customization/sizing/index.md create mode 100644 static/usage/v9/popover/customization/sizing/javascript.md create mode 100644 static/usage/v9/popover/customization/sizing/react.md create mode 100644 static/usage/v9/popover/customization/sizing/vue.md create mode 100644 static/usage/v9/popover/customization/styling/angular/example_component_html.md create mode 100644 static/usage/v9/popover/customization/styling/angular/example_component_ts.md create mode 100644 static/usage/v9/popover/customization/styling/angular/global_css.md create mode 100644 static/usage/v9/popover/customization/styling/demo.html create mode 100644 static/usage/v9/popover/customization/styling/index.md create mode 100644 static/usage/v9/popover/customization/styling/javascript.md create mode 100644 static/usage/v9/popover/customization/styling/react/main_css.md create mode 100644 static/usage/v9/popover/customization/styling/react/main_tsx.md create mode 100644 static/usage/v9/popover/customization/styling/vue.md create mode 100644 static/usage/v9/popover/nested/angular/example_component_html.md create mode 100644 static/usage/v9/popover/nested/angular/example_component_ts.md create mode 100644 static/usage/v9/popover/nested/demo.html create mode 100644 static/usage/v9/popover/nested/index.md create mode 100644 static/usage/v9/popover/nested/javascript.md create mode 100644 static/usage/v9/popover/nested/react.md create mode 100644 static/usage/v9/popover/nested/vue.md create mode 100644 static/usage/v9/popover/performance/mount/angular/example_component_html.md create mode 100644 static/usage/v9/popover/performance/mount/angular/example_component_ts.md create mode 100644 static/usage/v9/popover/performance/mount/demo.html create mode 100644 static/usage/v9/popover/performance/mount/index.md create mode 100644 static/usage/v9/popover/performance/mount/javascript.md create mode 100644 static/usage/v9/popover/performance/mount/react.md create mode 100644 static/usage/v9/popover/performance/mount/vue.md create mode 100644 static/usage/v9/popover/presenting/controller/angular/example_component_html.md create mode 100644 static/usage/v9/popover/presenting/controller/angular/example_component_ts.md create mode 100644 static/usage/v9/popover/presenting/controller/angular/popover_component_html.md create mode 100644 static/usage/v9/popover/presenting/controller/angular/popover_component_ts.md create mode 100644 static/usage/v9/popover/presenting/controller/demo.html create mode 100644 static/usage/v9/popover/presenting/controller/index.md create mode 100644 static/usage/v9/popover/presenting/controller/javascript.md create mode 100644 static/usage/v9/popover/presenting/controller/react.md create mode 100644 static/usage/v9/popover/presenting/controller/vue/example_vue.md create mode 100644 static/usage/v9/popover/presenting/controller/vue/popover_vue.md create mode 100644 static/usage/v9/popover/presenting/inline-isopen/angular/example_component_html.md create mode 100644 static/usage/v9/popover/presenting/inline-isopen/angular/example_component_ts.md create mode 100644 static/usage/v9/popover/presenting/inline-isopen/demo.html create mode 100644 static/usage/v9/popover/presenting/inline-isopen/index.md create mode 100644 static/usage/v9/popover/presenting/inline-isopen/javascript.md create mode 100644 static/usage/v9/popover/presenting/inline-isopen/react.md create mode 100644 static/usage/v9/popover/presenting/inline-isopen/vue.md create mode 100644 static/usage/v9/popover/presenting/inline-trigger/angular/example_component_html.md create mode 100644 static/usage/v9/popover/presenting/inline-trigger/angular/example_component_ts.md create mode 100644 static/usage/v9/popover/presenting/inline-trigger/demo.html create mode 100644 static/usage/v9/popover/presenting/inline-trigger/index.md create mode 100644 static/usage/v9/popover/presenting/inline-trigger/javascript.md create mode 100644 static/usage/v9/popover/presenting/inline-trigger/react.md create mode 100644 static/usage/v9/popover/presenting/inline-trigger/vue.md create mode 100644 static/usage/v9/progress-bar/buffer/angular/example_component_html.md create mode 100644 static/usage/v9/progress-bar/buffer/angular/example_component_ts.md create mode 100644 static/usage/v9/progress-bar/buffer/demo.html create mode 100644 static/usage/v9/progress-bar/buffer/index.md create mode 100644 static/usage/v9/progress-bar/buffer/javascript.md create mode 100644 static/usage/v9/progress-bar/buffer/react.md create mode 100644 static/usage/v9/progress-bar/buffer/vue.md create mode 100644 static/usage/v9/progress-bar/determinate/angular/example_component_html.md create mode 100644 static/usage/v9/progress-bar/determinate/angular/example_component_ts.md create mode 100644 static/usage/v9/progress-bar/determinate/demo.html create mode 100644 static/usage/v9/progress-bar/determinate/index.md create mode 100644 static/usage/v9/progress-bar/determinate/javascript.md create mode 100644 static/usage/v9/progress-bar/determinate/react.md create mode 100644 static/usage/v9/progress-bar/determinate/vue.md create mode 100644 static/usage/v9/progress-bar/indeterminate/angular/example_component_html.md create mode 100644 static/usage/v9/progress-bar/indeterminate/angular/example_component_ts.md create mode 100644 static/usage/v9/progress-bar/indeterminate/demo.html create mode 100644 static/usage/v9/progress-bar/indeterminate/index.md create mode 100644 static/usage/v9/progress-bar/indeterminate/javascript.md create mode 100644 static/usage/v9/progress-bar/indeterminate/react.md create mode 100644 static/usage/v9/progress-bar/indeterminate/vue.md create mode 100644 static/usage/v9/progress-bar/theming/colors/angular/example_component_html.md create mode 100644 static/usage/v9/progress-bar/theming/colors/angular/example_component_ts.md create mode 100644 static/usage/v9/progress-bar/theming/colors/demo.html create mode 100644 static/usage/v9/progress-bar/theming/colors/index.md create mode 100644 static/usage/v9/progress-bar/theming/colors/javascript.md create mode 100644 static/usage/v9/progress-bar/theming/colors/react.md create mode 100644 static/usage/v9/progress-bar/theming/colors/vue.md create mode 100644 static/usage/v9/progress-bar/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v9/progress-bar/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v9/progress-bar/theming/css-properties/angular/example_component_ts.md create mode 100644 static/usage/v9/progress-bar/theming/css-properties/demo.html create mode 100644 static/usage/v9/progress-bar/theming/css-properties/index.md create mode 100644 static/usage/v9/progress-bar/theming/css-properties/javascript.md create mode 100644 static/usage/v9/progress-bar/theming/css-properties/react/main_css.md create mode 100644 static/usage/v9/progress-bar/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v9/progress-bar/theming/css-properties/vue.md create mode 100644 static/usage/v9/progress-bar/theming/css-shadow-parts/angular/example_component_css.md create mode 100644 static/usage/v9/progress-bar/theming/css-shadow-parts/angular/example_component_html.md create mode 100644 static/usage/v9/progress-bar/theming/css-shadow-parts/angular/example_component_ts.md create mode 100644 static/usage/v9/progress-bar/theming/css-shadow-parts/demo.html create mode 100644 static/usage/v9/progress-bar/theming/css-shadow-parts/index.md create mode 100644 static/usage/v9/progress-bar/theming/css-shadow-parts/javascript.md create mode 100644 static/usage/v9/progress-bar/theming/css-shadow-parts/react/main_css.md create mode 100644 static/usage/v9/progress-bar/theming/css-shadow-parts/react/main_tsx.md create mode 100644 static/usage/v9/progress-bar/theming/css-shadow-parts/vue.md create mode 100644 static/usage/v9/radio/alignment/angular/example_component_html.md create mode 100644 static/usage/v9/radio/alignment/angular/example_component_ts.md create mode 100644 static/usage/v9/radio/alignment/demo.html create mode 100644 static/usage/v9/radio/alignment/index.md create mode 100644 static/usage/v9/radio/alignment/javascript.md create mode 100644 static/usage/v9/radio/alignment/react.md create mode 100644 static/usage/v9/radio/alignment/vue.md create mode 100644 static/usage/v9/radio/basic/angular/example_component_html.md create mode 100644 static/usage/v9/radio/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/radio/basic/demo.html create mode 100644 static/usage/v9/radio/basic/index.md create mode 100644 static/usage/v9/radio/basic/javascript.md create mode 100644 static/usage/v9/radio/basic/react.md create mode 100644 static/usage/v9/radio/basic/vue.md create mode 100644 static/usage/v9/radio/empty-selection/angular/example_component_html.md create mode 100644 static/usage/v9/radio/empty-selection/angular/example_component_ts.md create mode 100644 static/usage/v9/radio/empty-selection/demo.html create mode 100644 static/usage/v9/radio/empty-selection/index.md create mode 100644 static/usage/v9/radio/empty-selection/javascript.md create mode 100644 static/usage/v9/radio/empty-selection/react.md create mode 100644 static/usage/v9/radio/empty-selection/vue.md create mode 100644 static/usage/v9/radio/helper-error/angular/example_component_html.md create mode 100644 static/usage/v9/radio/helper-error/angular/example_component_ts.md create mode 100644 static/usage/v9/radio/helper-error/demo.html create mode 100644 static/usage/v9/radio/helper-error/index.md create mode 100644 static/usage/v9/radio/helper-error/javascript.md create mode 100644 static/usage/v9/radio/helper-error/react.md create mode 100644 static/usage/v9/radio/helper-error/vue.md create mode 100644 static/usage/v9/radio/justify/angular/example_component_html.md create mode 100644 static/usage/v9/radio/justify/angular/example_component_ts.md create mode 100644 static/usage/v9/radio/justify/demo.html create mode 100644 static/usage/v9/radio/justify/index.md create mode 100644 static/usage/v9/radio/justify/javascript.md create mode 100644 static/usage/v9/radio/justify/react.md create mode 100644 static/usage/v9/radio/justify/vue.md create mode 100644 static/usage/v9/radio/label-placement/angular/example_component_html.md create mode 100644 static/usage/v9/radio/label-placement/angular/example_component_ts.md create mode 100644 static/usage/v9/radio/label-placement/demo.html create mode 100644 static/usage/v9/radio/label-placement/index.md create mode 100644 static/usage/v9/radio/label-placement/javascript.md create mode 100644 static/usage/v9/radio/label-placement/react.md create mode 100644 static/usage/v9/radio/label-placement/vue.md create mode 100644 static/usage/v9/radio/label-wrap/angular/example_component_css.md create mode 100644 static/usage/v9/radio/label-wrap/angular/example_component_html.md create mode 100644 static/usage/v9/radio/label-wrap/angular/example_component_ts.md create mode 100644 static/usage/v9/radio/label-wrap/demo.html create mode 100644 static/usage/v9/radio/label-wrap/index.md create mode 100644 static/usage/v9/radio/label-wrap/javascript.md create mode 100644 static/usage/v9/radio/label-wrap/react/main_css.md create mode 100644 static/usage/v9/radio/label-wrap/react/main_tsx.md create mode 100644 static/usage/v9/radio/label-wrap/vue.md create mode 100644 static/usage/v9/radio/theming/colors/angular/example_component_html.md create mode 100644 static/usage/v9/radio/theming/colors/angular/example_component_ts.md create mode 100644 static/usage/v9/radio/theming/colors/demo.html create mode 100644 static/usage/v9/radio/theming/colors/index.md create mode 100644 static/usage/v9/radio/theming/colors/javascript.md create mode 100644 static/usage/v9/radio/theming/colors/react.md create mode 100644 static/usage/v9/radio/theming/colors/vue.md create mode 100644 static/usage/v9/radio/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v9/radio/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v9/radio/theming/css-properties/angular/example_component_ts.md create mode 100644 static/usage/v9/radio/theming/css-properties/demo.html create mode 100644 static/usage/v9/radio/theming/css-properties/index.md create mode 100644 static/usage/v9/radio/theming/css-properties/javascript.md create mode 100644 static/usage/v9/radio/theming/css-properties/react/main_css.md create mode 100644 static/usage/v9/radio/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v9/radio/theming/css-properties/vue.md create mode 100644 static/usage/v9/radio/theming/css-shadow-parts/angular/example_component_css.md create mode 100644 static/usage/v9/radio/theming/css-shadow-parts/angular/example_component_html.md create mode 100644 static/usage/v9/radio/theming/css-shadow-parts/angular/example_component_ts.md create mode 100644 static/usage/v9/radio/theming/css-shadow-parts/demo.html create mode 100644 static/usage/v9/radio/theming/css-shadow-parts/index.md create mode 100644 static/usage/v9/radio/theming/css-shadow-parts/javascript.md create mode 100644 static/usage/v9/radio/theming/css-shadow-parts/react/main_css.md create mode 100644 static/usage/v9/radio/theming/css-shadow-parts/react/main_tsx.md create mode 100644 static/usage/v9/radio/theming/css-shadow-parts/vue.md create mode 100644 static/usage/v9/radio/using-comparewith/angular/example_component_html.md create mode 100644 static/usage/v9/radio/using-comparewith/angular/example_component_ts.md create mode 100644 static/usage/v9/radio/using-comparewith/demo.html create mode 100644 static/usage/v9/radio/using-comparewith/index.md create mode 100644 static/usage/v9/radio/using-comparewith/javascript.md create mode 100644 static/usage/v9/radio/using-comparewith/react.md create mode 100644 static/usage/v9/radio/using-comparewith/vue.md create mode 100644 static/usage/v9/range/basic/angular/example_component_html.md create mode 100644 static/usage/v9/range/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/range/basic/demo.html create mode 100644 static/usage/v9/range/basic/index.md create mode 100644 static/usage/v9/range/basic/javascript.md create mode 100644 static/usage/v9/range/basic/react.md create mode 100644 static/usage/v9/range/basic/vue.md create mode 100644 static/usage/v9/range/dual-knobs/angular/example_component_html.md create mode 100644 static/usage/v9/range/dual-knobs/angular/example_component_ts.md create mode 100644 static/usage/v9/range/dual-knobs/demo.html create mode 100644 static/usage/v9/range/dual-knobs/index.md create mode 100644 static/usage/v9/range/dual-knobs/javascript.md create mode 100644 static/usage/v9/range/dual-knobs/react.md create mode 100644 static/usage/v9/range/dual-knobs/vue.md create mode 100644 static/usage/v9/range/ion-change-event/angular/example_component_html.md create mode 100644 static/usage/v9/range/ion-change-event/angular/example_component_ts.md create mode 100644 static/usage/v9/range/ion-change-event/demo.html create mode 100644 static/usage/v9/range/ion-change-event/index.md create mode 100644 static/usage/v9/range/ion-change-event/javascript.md create mode 100644 static/usage/v9/range/ion-change-event/react.md create mode 100644 static/usage/v9/range/ion-change-event/vue.md create mode 100644 static/usage/v9/range/ion-knob-move-event/angular/example_component_html.md create mode 100644 static/usage/v9/range/ion-knob-move-event/angular/example_component_ts.md create mode 100644 static/usage/v9/range/ion-knob-move-event/demo.html create mode 100644 static/usage/v9/range/ion-knob-move-event/index.md create mode 100644 static/usage/v9/range/ion-knob-move-event/javascript.md create mode 100644 static/usage/v9/range/ion-knob-move-event/react.md create mode 100644 static/usage/v9/range/ion-knob-move-event/vue.md create mode 100644 static/usage/v9/range/label-slot/angular/example_component_html.md create mode 100644 static/usage/v9/range/label-slot/angular/example_component_ts.md create mode 100644 static/usage/v9/range/label-slot/demo.html create mode 100644 static/usage/v9/range/label-slot/index.md create mode 100644 static/usage/v9/range/label-slot/javascript.md create mode 100644 static/usage/v9/range/label-slot/react.md create mode 100644 static/usage/v9/range/label-slot/vue.md create mode 100644 static/usage/v9/range/labels/angular/example_component_html.md create mode 100644 static/usage/v9/range/labels/angular/example_component_ts.md create mode 100644 static/usage/v9/range/labels/demo.html create mode 100644 static/usage/v9/range/labels/index.md create mode 100644 static/usage/v9/range/labels/javascript.md create mode 100644 static/usage/v9/range/labels/react.md create mode 100644 static/usage/v9/range/labels/vue.md create mode 100644 static/usage/v9/range/no-visible-label/angular/example_component_html.md create mode 100644 static/usage/v9/range/no-visible-label/angular/example_component_ts.md create mode 100644 static/usage/v9/range/no-visible-label/demo.html create mode 100644 static/usage/v9/range/no-visible-label/index.md create mode 100644 static/usage/v9/range/no-visible-label/javascript.md create mode 100644 static/usage/v9/range/no-visible-label/react.md create mode 100644 static/usage/v9/range/no-visible-label/vue.md create mode 100644 static/usage/v9/range/pins/angular/example_component_html.md create mode 100644 static/usage/v9/range/pins/angular/example_component_ts.md create mode 100644 static/usage/v9/range/pins/demo.html create mode 100644 static/usage/v9/range/pins/index.md create mode 100644 static/usage/v9/range/pins/javascript.md create mode 100644 static/usage/v9/range/pins/react.md create mode 100644 static/usage/v9/range/pins/vue.md create mode 100644 static/usage/v9/range/slots/angular/example_component_html.md create mode 100644 static/usage/v9/range/slots/angular/example_component_ts.md create mode 100644 static/usage/v9/range/slots/demo.html create mode 100644 static/usage/v9/range/slots/index.md create mode 100644 static/usage/v9/range/slots/javascript/index_html.md create mode 100644 static/usage/v9/range/slots/javascript/index_ts.md create mode 100644 static/usage/v9/range/slots/react.md create mode 100644 static/usage/v9/range/slots/vue.md create mode 100644 static/usage/v9/range/snapping-ticks/angular/example_component_html.md create mode 100644 static/usage/v9/range/snapping-ticks/angular/example_component_ts.md create mode 100644 static/usage/v9/range/snapping-ticks/demo.html create mode 100644 static/usage/v9/range/snapping-ticks/index.md create mode 100644 static/usage/v9/range/snapping-ticks/javascript.md create mode 100644 static/usage/v9/range/snapping-ticks/react.md create mode 100644 static/usage/v9/range/snapping-ticks/vue.md create mode 100644 static/usage/v9/range/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v9/range/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v9/range/theming/css-properties/angular/example_component_ts.md create mode 100644 static/usage/v9/range/theming/css-properties/demo.html create mode 100644 static/usage/v9/range/theming/css-properties/index.md create mode 100644 static/usage/v9/range/theming/css-properties/javascript.md create mode 100644 static/usage/v9/range/theming/css-properties/react/main_css.md create mode 100644 static/usage/v9/range/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v9/range/theming/css-properties/vue.md create mode 100644 static/usage/v9/range/theming/css-shadow-parts/angular/example_component_css.md create mode 100644 static/usage/v9/range/theming/css-shadow-parts/angular/example_component_html.md create mode 100644 static/usage/v9/range/theming/css-shadow-parts/angular/example_component_ts.md create mode 100644 static/usage/v9/range/theming/css-shadow-parts/demo.html create mode 100644 static/usage/v9/range/theming/css-shadow-parts/index.md create mode 100644 static/usage/v9/range/theming/css-shadow-parts/javascript.md create mode 100644 static/usage/v9/range/theming/css-shadow-parts/react/main_css.md create mode 100644 static/usage/v9/range/theming/css-shadow-parts/react/main_tsx.md create mode 100644 static/usage/v9/range/theming/css-shadow-parts/vue.md create mode 100644 static/usage/v9/refresher/advanced/angular/example_component_css.md create mode 100644 static/usage/v9/refresher/advanced/angular/example_component_html.md create mode 100644 static/usage/v9/refresher/advanced/angular/example_component_ts.md create mode 100644 static/usage/v9/refresher/advanced/demo.html create mode 100644 static/usage/v9/refresher/advanced/index.md create mode 100644 static/usage/v9/refresher/advanced/javascript/index_html.md create mode 100644 static/usage/v9/refresher/advanced/javascript/index_ts.md create mode 100644 static/usage/v9/refresher/advanced/react/main_css.md create mode 100644 static/usage/v9/refresher/advanced/react/main_tsx.md create mode 100644 static/usage/v9/refresher/advanced/vue.md create mode 100644 static/usage/v9/refresher/basic/angular/example_component_html.md create mode 100644 static/usage/v9/refresher/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/refresher/basic/demo.html create mode 100644 static/usage/v9/refresher/basic/index.md create mode 100644 static/usage/v9/refresher/basic/javascript.md create mode 100644 static/usage/v9/refresher/basic/react.md create mode 100644 static/usage/v9/refresher/basic/vue.md create mode 100644 static/usage/v9/refresher/custom-content/angular/example_component_html.md create mode 100644 static/usage/v9/refresher/custom-content/angular/example_component_ts.md create mode 100644 static/usage/v9/refresher/custom-content/demo.html create mode 100644 static/usage/v9/refresher/custom-content/index.md create mode 100644 static/usage/v9/refresher/custom-content/javascript.md create mode 100644 static/usage/v9/refresher/custom-content/react.md create mode 100644 static/usage/v9/refresher/custom-content/vue.md create mode 100644 static/usage/v9/refresher/custom-scroll-target/angular/example_component_css.md create mode 100644 static/usage/v9/refresher/custom-scroll-target/angular/example_component_html.md create mode 100644 static/usage/v9/refresher/custom-scroll-target/angular/example_component_ts.md create mode 100644 static/usage/v9/refresher/custom-scroll-target/demo.html create mode 100644 static/usage/v9/refresher/custom-scroll-target/index.md create mode 100644 static/usage/v9/refresher/custom-scroll-target/javascript.md create mode 100644 static/usage/v9/refresher/custom-scroll-target/react/main_css.md create mode 100644 static/usage/v9/refresher/custom-scroll-target/react/main_tsx.md create mode 100644 static/usage/v9/refresher/custom-scroll-target/vue.md create mode 100644 static/usage/v9/refresher/pull-properties/angular/example_component_html.md create mode 100644 static/usage/v9/refresher/pull-properties/angular/example_component_ts.md create mode 100644 static/usage/v9/refresher/pull-properties/demo.html create mode 100644 static/usage/v9/refresher/pull-properties/index.md create mode 100644 static/usage/v9/refresher/pull-properties/javascript.md create mode 100644 static/usage/v9/refresher/pull-properties/react.md create mode 100644 static/usage/v9/refresher/pull-properties/vue.md create mode 100644 static/usage/v9/reorder/basic/angular/example_component_html.md create mode 100644 static/usage/v9/reorder/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/reorder/basic/demo.html create mode 100644 static/usage/v9/reorder/basic/index.md create mode 100644 static/usage/v9/reorder/basic/javascript.md create mode 100644 static/usage/v9/reorder/basic/react.md create mode 100644 static/usage/v9/reorder/basic/vue.md create mode 100644 static/usage/v9/reorder/custom-icon/angular/example_component_html.md create mode 100644 static/usage/v9/reorder/custom-icon/angular/example_component_ts.md create mode 100644 static/usage/v9/reorder/custom-icon/demo.html create mode 100644 static/usage/v9/reorder/custom-icon/index.md create mode 100644 static/usage/v9/reorder/custom-icon/javascript.md create mode 100644 static/usage/v9/reorder/custom-icon/javascript/index_html.md create mode 100644 static/usage/v9/reorder/custom-icon/javascript/index_ts.md create mode 100644 static/usage/v9/reorder/custom-icon/react.md create mode 100644 static/usage/v9/reorder/custom-icon/vue.md create mode 100644 static/usage/v9/reorder/custom-scroll-target/angular/example_component_css.md create mode 100644 static/usage/v9/reorder/custom-scroll-target/angular/example_component_html.md create mode 100644 static/usage/v9/reorder/custom-scroll-target/angular/example_component_ts.md create mode 100644 static/usage/v9/reorder/custom-scroll-target/demo.html create mode 100644 static/usage/v9/reorder/custom-scroll-target/index.md create mode 100644 static/usage/v9/reorder/custom-scroll-target/javascript.md create mode 100644 static/usage/v9/reorder/custom-scroll-target/react/main_css.md create mode 100644 static/usage/v9/reorder/custom-scroll-target/react/main_tsx.md create mode 100644 static/usage/v9/reorder/custom-scroll-target/vue.md create mode 100644 static/usage/v9/reorder/reorder-move-event/angular/example_component_html.md create mode 100644 static/usage/v9/reorder/reorder-move-event/angular/example_component_ts.md create mode 100644 static/usage/v9/reorder/reorder-move-event/demo.html create mode 100644 static/usage/v9/reorder/reorder-move-event/index.md create mode 100644 static/usage/v9/reorder/reorder-move-event/javascript.md create mode 100644 static/usage/v9/reorder/reorder-move-event/react.md create mode 100644 static/usage/v9/reorder/reorder-move-event/vue.md create mode 100644 static/usage/v9/reorder/reorder-start-end-events/angular/example_component_html.md create mode 100644 static/usage/v9/reorder/reorder-start-end-events/angular/example_component_ts.md create mode 100644 static/usage/v9/reorder/reorder-start-end-events/demo.html create mode 100644 static/usage/v9/reorder/reorder-start-end-events/index.md create mode 100644 static/usage/v9/reorder/reorder-start-end-events/javascript/index_html.md create mode 100644 static/usage/v9/reorder/reorder-start-end-events/javascript/index_ts.md create mode 100644 static/usage/v9/reorder/reorder-start-end-events/react.md create mode 100644 static/usage/v9/reorder/reorder-start-end-events/vue.md create mode 100644 static/usage/v9/reorder/toggling-disabled/angular/example_component_html.md create mode 100644 static/usage/v9/reorder/toggling-disabled/angular/example_component_ts.md create mode 100644 static/usage/v9/reorder/toggling-disabled/demo.html create mode 100644 static/usage/v9/reorder/toggling-disabled/index.md create mode 100644 static/usage/v9/reorder/toggling-disabled/javascript.md create mode 100644 static/usage/v9/reorder/toggling-disabled/react.md create mode 100644 static/usage/v9/reorder/toggling-disabled/vue.md create mode 100644 static/usage/v9/reorder/updating-data/angular/example_component_html.md create mode 100644 static/usage/v9/reorder/updating-data/angular/example_component_ts.md create mode 100644 static/usage/v9/reorder/updating-data/demo.html create mode 100644 static/usage/v9/reorder/updating-data/index.md create mode 100644 static/usage/v9/reorder/updating-data/javascript.md create mode 100644 static/usage/v9/reorder/updating-data/react.md create mode 100644 static/usage/v9/reorder/updating-data/vue.md create mode 100644 static/usage/v9/reorder/wrapper/angular/example_component_html.md create mode 100644 static/usage/v9/reorder/wrapper/angular/example_component_ts.md create mode 100644 static/usage/v9/reorder/wrapper/demo.html create mode 100644 static/usage/v9/reorder/wrapper/index.md create mode 100644 static/usage/v9/reorder/wrapper/javascript.md create mode 100644 static/usage/v9/reorder/wrapper/react.md create mode 100644 static/usage/v9/reorder/wrapper/vue.md create mode 100644 static/usage/v9/ripple-effect/basic/angular/example_component_css.md create mode 100644 static/usage/v9/ripple-effect/basic/angular/example_component_html.md create mode 100644 static/usage/v9/ripple-effect/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/ripple-effect/basic/demo.html create mode 100644 static/usage/v9/ripple-effect/basic/index.md create mode 100644 static/usage/v9/ripple-effect/basic/javascript.md create mode 100644 static/usage/v9/ripple-effect/basic/react/main_css.md create mode 100644 static/usage/v9/ripple-effect/basic/react/main_tsx.md create mode 100644 static/usage/v9/ripple-effect/basic/vue.md create mode 100644 static/usage/v9/ripple-effect/customizing/angular/example_component_css.md create mode 100644 static/usage/v9/ripple-effect/customizing/angular/example_component_html.md create mode 100644 static/usage/v9/ripple-effect/customizing/angular/example_component_ts.md create mode 100644 static/usage/v9/ripple-effect/customizing/demo.html create mode 100644 static/usage/v9/ripple-effect/customizing/index.md create mode 100644 static/usage/v9/ripple-effect/customizing/javascript.md create mode 100644 static/usage/v9/ripple-effect/customizing/react/main_css.md create mode 100644 static/usage/v9/ripple-effect/customizing/react/main_tsx.md create mode 100644 static/usage/v9/ripple-effect/customizing/vue.md create mode 100644 static/usage/v9/ripple-effect/type/angular/example_component_css.md create mode 100644 static/usage/v9/ripple-effect/type/angular/example_component_html.md create mode 100644 static/usage/v9/ripple-effect/type/angular/example_component_ts.md create mode 100644 static/usage/v9/ripple-effect/type/demo.html create mode 100644 static/usage/v9/ripple-effect/type/index.md create mode 100644 static/usage/v9/ripple-effect/type/javascript.md create mode 100644 static/usage/v9/ripple-effect/type/react/main_css.md create mode 100644 static/usage/v9/ripple-effect/type/react/main_tsx.md create mode 100644 static/usage/v9/ripple-effect/type/vue.md create mode 100644 static/usage/v9/router/basic/demo.html create mode 100644 static/usage/v9/router/basic/index.md create mode 100644 static/usage/v9/router/basic/javascript.md create mode 100644 static/usage/v9/searchbar/basic/angular/example_component_html.md create mode 100644 static/usage/v9/searchbar/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/searchbar/basic/demo.html create mode 100644 static/usage/v9/searchbar/basic/index.md create mode 100644 static/usage/v9/searchbar/basic/javascript.md create mode 100644 static/usage/v9/searchbar/basic/react.md create mode 100644 static/usage/v9/searchbar/basic/vue.md create mode 100644 static/usage/v9/searchbar/cancel-button/angular/example_component_html.md create mode 100644 static/usage/v9/searchbar/cancel-button/angular/example_component_ts.md create mode 100644 static/usage/v9/searchbar/cancel-button/demo.html create mode 100644 static/usage/v9/searchbar/cancel-button/index.md create mode 100644 static/usage/v9/searchbar/cancel-button/javascript.md create mode 100644 static/usage/v9/searchbar/cancel-button/react.md create mode 100644 static/usage/v9/searchbar/cancel-button/vue.md create mode 100644 static/usage/v9/searchbar/clear-button/angular/example_component_html.md create mode 100644 static/usage/v9/searchbar/clear-button/angular/example_component_ts.md create mode 100644 static/usage/v9/searchbar/clear-button/demo.html create mode 100644 static/usage/v9/searchbar/clear-button/index.md create mode 100644 static/usage/v9/searchbar/clear-button/javascript.md create mode 100644 static/usage/v9/searchbar/clear-button/react.md create mode 100644 static/usage/v9/searchbar/clear-button/vue.md create mode 100644 static/usage/v9/searchbar/debounce/angular/example_component_html.md create mode 100644 static/usage/v9/searchbar/debounce/angular/example_component_ts.md create mode 100644 static/usage/v9/searchbar/debounce/demo.html create mode 100644 static/usage/v9/searchbar/debounce/index.md create mode 100644 static/usage/v9/searchbar/debounce/javascript.md create mode 100644 static/usage/v9/searchbar/debounce/react.md create mode 100644 static/usage/v9/searchbar/debounce/vue.md create mode 100644 static/usage/v9/searchbar/search-icon/angular/example_component_html.md create mode 100644 static/usage/v9/searchbar/search-icon/angular/example_component_ts.md create mode 100644 static/usage/v9/searchbar/search-icon/demo.html create mode 100644 static/usage/v9/searchbar/search-icon/index.md create mode 100644 static/usage/v9/searchbar/search-icon/javascript.md create mode 100644 static/usage/v9/searchbar/search-icon/react.md create mode 100644 static/usage/v9/searchbar/search-icon/vue.md create mode 100644 static/usage/v9/searchbar/theming/colors/angular/example_component_html.md create mode 100644 static/usage/v9/searchbar/theming/colors/angular/example_component_ts.md create mode 100644 static/usage/v9/searchbar/theming/colors/demo.html create mode 100644 static/usage/v9/searchbar/theming/colors/index.md create mode 100644 static/usage/v9/searchbar/theming/colors/javascript.md create mode 100644 static/usage/v9/searchbar/theming/colors/react.md create mode 100644 static/usage/v9/searchbar/theming/colors/vue.md create mode 100644 static/usage/v9/searchbar/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v9/searchbar/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v9/searchbar/theming/css-properties/angular/example_component_ts.md create mode 100644 static/usage/v9/searchbar/theming/css-properties/demo.html create mode 100644 static/usage/v9/searchbar/theming/css-properties/index.md create mode 100644 static/usage/v9/searchbar/theming/css-properties/javascript.md create mode 100644 static/usage/v9/searchbar/theming/css-properties/react/main_css.md create mode 100644 static/usage/v9/searchbar/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v9/searchbar/theming/css-properties/vue.md create mode 100644 static/usage/v9/segment-button/basic/angular/example_component_html.md create mode 100644 static/usage/v9/segment-button/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/segment-button/basic/demo.html create mode 100644 static/usage/v9/segment-button/basic/index.md create mode 100644 static/usage/v9/segment-button/basic/javascript.md create mode 100644 static/usage/v9/segment-button/basic/react.md create mode 100644 static/usage/v9/segment-button/basic/vue.md create mode 100644 static/usage/v9/segment-button/layout/angular/example_component_html.md create mode 100644 static/usage/v9/segment-button/layout/angular/example_component_ts.md create mode 100644 static/usage/v9/segment-button/layout/demo.html create mode 100644 static/usage/v9/segment-button/layout/index.md create mode 100644 static/usage/v9/segment-button/layout/javascript/index_html.md create mode 100644 static/usage/v9/segment-button/layout/javascript/index_ts.md create mode 100644 static/usage/v9/segment-button/layout/react.md create mode 100644 static/usage/v9/segment-button/layout/vue.md create mode 100644 static/usage/v9/segment-button/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v9/segment-button/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v9/segment-button/theming/css-properties/angular/example_component_ts.md create mode 100644 static/usage/v9/segment-button/theming/css-properties/demo.html create mode 100644 static/usage/v9/segment-button/theming/css-properties/index.md create mode 100644 static/usage/v9/segment-button/theming/css-properties/javascript.md create mode 100644 static/usage/v9/segment-button/theming/css-properties/react/main_css.md create mode 100644 static/usage/v9/segment-button/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v9/segment-button/theming/css-properties/vue.md create mode 100644 static/usage/v9/segment-button/theming/css-shadow-parts/angular/example_component_css.md create mode 100644 static/usage/v9/segment-button/theming/css-shadow-parts/angular/example_component_html.md create mode 100644 static/usage/v9/segment-button/theming/css-shadow-parts/angular/example_component_ts.md create mode 100644 static/usage/v9/segment-button/theming/css-shadow-parts/demo.html create mode 100644 static/usage/v9/segment-button/theming/css-shadow-parts/index.md create mode 100644 static/usage/v9/segment-button/theming/css-shadow-parts/javascript.md create mode 100644 static/usage/v9/segment-button/theming/css-shadow-parts/react/main_css.md create mode 100644 static/usage/v9/segment-button/theming/css-shadow-parts/react/main_tsx.md create mode 100644 static/usage/v9/segment-button/theming/css-shadow-parts/vue.md create mode 100644 static/usage/v9/segment/basic/angular/example_component_html.md create mode 100644 static/usage/v9/segment/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/segment/basic/demo.html create mode 100644 static/usage/v9/segment/basic/index.md create mode 100644 static/usage/v9/segment/basic/javascript.md create mode 100644 static/usage/v9/segment/basic/react.md create mode 100644 static/usage/v9/segment/basic/vue.md create mode 100644 static/usage/v9/segment/scrollable/angular/example_component_html.md create mode 100644 static/usage/v9/segment/scrollable/angular/example_component_ts.md create mode 100644 static/usage/v9/segment/scrollable/demo.html create mode 100644 static/usage/v9/segment/scrollable/index.md create mode 100644 static/usage/v9/segment/scrollable/javascript/index_html.md create mode 100644 static/usage/v9/segment/scrollable/javascript/index_ts.md create mode 100644 static/usage/v9/segment/scrollable/react.md create mode 100644 static/usage/v9/segment/scrollable/vue.md create mode 100644 static/usage/v9/segment/swipeable/angular/example_component_css.md create mode 100644 static/usage/v9/segment/swipeable/angular/example_component_html.md create mode 100644 static/usage/v9/segment/swipeable/angular/example_component_ts.md create mode 100644 static/usage/v9/segment/swipeable/demo.html create mode 100644 static/usage/v9/segment/swipeable/index.md create mode 100644 static/usage/v9/segment/swipeable/javascript.md create mode 100644 static/usage/v9/segment/swipeable/react/main_css.md create mode 100644 static/usage/v9/segment/swipeable/react/main_tsx.md create mode 100644 static/usage/v9/segment/swipeable/vue.md create mode 100644 static/usage/v9/segment/theming/colors/angular/example_component_html.md create mode 100644 static/usage/v9/segment/theming/colors/angular/example_component_ts.md create mode 100644 static/usage/v9/segment/theming/colors/demo.html create mode 100644 static/usage/v9/segment/theming/colors/index.md create mode 100644 static/usage/v9/segment/theming/colors/javascript.md create mode 100644 static/usage/v9/segment/theming/colors/react.md create mode 100644 static/usage/v9/segment/theming/colors/vue.md create mode 100644 static/usage/v9/segment/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v9/segment/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v9/segment/theming/css-properties/angular/example_component_ts.md create mode 100644 static/usage/v9/segment/theming/css-properties/demo.html create mode 100644 static/usage/v9/segment/theming/css-properties/index.md create mode 100644 static/usage/v9/segment/theming/css-properties/javascript.md create mode 100644 static/usage/v9/segment/theming/css-properties/react/main_css.md create mode 100644 static/usage/v9/segment/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v9/segment/theming/css-properties/vue.md create mode 100644 static/usage/v9/select/basic/multiple-selection/angular/example_component_html.md create mode 100644 static/usage/v9/select/basic/multiple-selection/angular/example_component_ts.md create mode 100644 static/usage/v9/select/basic/multiple-selection/demo.html create mode 100644 static/usage/v9/select/basic/multiple-selection/index.md create mode 100644 static/usage/v9/select/basic/multiple-selection/javascript.md create mode 100644 static/usage/v9/select/basic/multiple-selection/react.md create mode 100644 static/usage/v9/select/basic/multiple-selection/vue.md create mode 100644 static/usage/v9/select/basic/responding-to-interaction/angular/example_component_html.md create mode 100644 static/usage/v9/select/basic/responding-to-interaction/angular/example_component_ts.md create mode 100644 static/usage/v9/select/basic/responding-to-interaction/demo.html create mode 100644 static/usage/v9/select/basic/responding-to-interaction/index.md create mode 100644 static/usage/v9/select/basic/responding-to-interaction/javascript.md create mode 100644 static/usage/v9/select/basic/responding-to-interaction/react.md create mode 100644 static/usage/v9/select/basic/responding-to-interaction/vue.md create mode 100644 static/usage/v9/select/basic/single-selection/angular/example_component_html.md create mode 100644 static/usage/v9/select/basic/single-selection/angular/example_component_ts.md create mode 100644 static/usage/v9/select/basic/single-selection/demo.html create mode 100644 static/usage/v9/select/basic/single-selection/index.md create mode 100644 static/usage/v9/select/basic/single-selection/javascript.md create mode 100644 static/usage/v9/select/basic/single-selection/react.md create mode 100644 static/usage/v9/select/basic/single-selection/vue.md create mode 100644 static/usage/v9/select/customization/button-text/angular/example_component_html.md create mode 100644 static/usage/v9/select/customization/button-text/angular/example_component_ts.md create mode 100644 static/usage/v9/select/customization/button-text/demo.html create mode 100644 static/usage/v9/select/customization/button-text/index.md create mode 100644 static/usage/v9/select/customization/button-text/javascript.md create mode 100644 static/usage/v9/select/customization/button-text/react.md create mode 100644 static/usage/v9/select/customization/button-text/vue.md create mode 100644 static/usage/v9/select/customization/custom-toggle-icons/angular/example_component_html.md create mode 100644 static/usage/v9/select/customization/custom-toggle-icons/angular/example_component_ts.md create mode 100644 static/usage/v9/select/customization/custom-toggle-icons/demo.html create mode 100644 static/usage/v9/select/customization/custom-toggle-icons/index.md create mode 100644 static/usage/v9/select/customization/custom-toggle-icons/javascript.md create mode 100644 static/usage/v9/select/customization/custom-toggle-icons/react.md create mode 100644 static/usage/v9/select/customization/custom-toggle-icons/vue.md create mode 100644 static/usage/v9/select/customization/icon-flip-behavior/angular/example_component_css.md create mode 100644 static/usage/v9/select/customization/icon-flip-behavior/angular/example_component_html.md create mode 100644 static/usage/v9/select/customization/icon-flip-behavior/angular/example_component_ts.md create mode 100644 static/usage/v9/select/customization/icon-flip-behavior/demo.html create mode 100644 static/usage/v9/select/customization/icon-flip-behavior/index.md create mode 100644 static/usage/v9/select/customization/icon-flip-behavior/javascript.md create mode 100644 static/usage/v9/select/customization/icon-flip-behavior/react/main_css.md create mode 100644 static/usage/v9/select/customization/icon-flip-behavior/react/main_tsx.md create mode 100644 static/usage/v9/select/customization/icon-flip-behavior/vue.md create mode 100644 static/usage/v9/select/customization/interface-options/angular/example_component_html.md create mode 100644 static/usage/v9/select/customization/interface-options/angular/example_component_ts.md create mode 100644 static/usage/v9/select/customization/interface-options/demo.html create mode 100644 static/usage/v9/select/customization/interface-options/index.md create mode 100644 static/usage/v9/select/customization/interface-options/javascript.md create mode 100644 static/usage/v9/select/customization/interface-options/react.md create mode 100644 static/usage/v9/select/customization/interface-options/vue.md create mode 100644 static/usage/v9/select/customization/styling-select/angular/example_component_css.md create mode 100644 static/usage/v9/select/customization/styling-select/angular/example_component_html.md create mode 100644 static/usage/v9/select/customization/styling-select/angular/example_component_ts.md create mode 100644 static/usage/v9/select/customization/styling-select/demo.html create mode 100644 static/usage/v9/select/customization/styling-select/index.md create mode 100644 static/usage/v9/select/customization/styling-select/javascript.md create mode 100644 static/usage/v9/select/customization/styling-select/react/main_css.md create mode 100644 static/usage/v9/select/customization/styling-select/react/main_tsx.md create mode 100644 static/usage/v9/select/customization/styling-select/vue.md create mode 100644 static/usage/v9/select/fill/angular/example_component_html.md create mode 100644 static/usage/v9/select/fill/angular/example_component_ts.md create mode 100644 static/usage/v9/select/fill/demo.html create mode 100644 static/usage/v9/select/fill/index.md create mode 100644 static/usage/v9/select/fill/javascript.md create mode 100644 static/usage/v9/select/fill/react.md create mode 100644 static/usage/v9/select/fill/vue.md create mode 100644 static/usage/v9/select/helper-error/angular/example_component_html.md create mode 100644 static/usage/v9/select/helper-error/angular/example_component_ts.md create mode 100644 static/usage/v9/select/helper-error/demo.html create mode 100644 static/usage/v9/select/helper-error/index.md create mode 100644 static/usage/v9/select/helper-error/javascript.md create mode 100644 static/usage/v9/select/helper-error/react.md create mode 100644 static/usage/v9/select/helper-error/vue.md create mode 100644 static/usage/v9/select/interfaces/action-sheet/angular/example_component_html.md create mode 100644 static/usage/v9/select/interfaces/action-sheet/angular/example_component_ts.md create mode 100644 static/usage/v9/select/interfaces/action-sheet/demo.html create mode 100644 static/usage/v9/select/interfaces/action-sheet/index.md create mode 100644 static/usage/v9/select/interfaces/action-sheet/javascript.md create mode 100644 static/usage/v9/select/interfaces/action-sheet/react.md create mode 100644 static/usage/v9/select/interfaces/action-sheet/vue.md create mode 100644 static/usage/v9/select/interfaces/modal/angular/example_component_html.md create mode 100644 static/usage/v9/select/interfaces/modal/angular/example_component_ts.md create mode 100644 static/usage/v9/select/interfaces/modal/demo.html create mode 100644 static/usage/v9/select/interfaces/modal/index.md create mode 100644 static/usage/v9/select/interfaces/modal/javascript.md create mode 100644 static/usage/v9/select/interfaces/modal/react.md create mode 100644 static/usage/v9/select/interfaces/modal/vue.md create mode 100644 static/usage/v9/select/interfaces/popover/angular/example_component_html.md create mode 100644 static/usage/v9/select/interfaces/popover/angular/example_component_ts.md create mode 100644 static/usage/v9/select/interfaces/popover/demo.html create mode 100644 static/usage/v9/select/interfaces/popover/index.md create mode 100644 static/usage/v9/select/interfaces/popover/javascript.md create mode 100644 static/usage/v9/select/interfaces/popover/react.md create mode 100644 static/usage/v9/select/interfaces/popover/vue.md create mode 100644 static/usage/v9/select/justify/angular/example_component_html.md create mode 100644 static/usage/v9/select/justify/angular/example_component_ts.md create mode 100644 static/usage/v9/select/justify/demo.html create mode 100644 static/usage/v9/select/justify/index.md create mode 100644 static/usage/v9/select/justify/javascript.md create mode 100644 static/usage/v9/select/justify/react.md create mode 100644 static/usage/v9/select/justify/vue.md create mode 100644 static/usage/v9/select/label-placement/angular/example_component_html.md create mode 100644 static/usage/v9/select/label-placement/angular/example_component_ts.md create mode 100644 static/usage/v9/select/label-placement/demo.html create mode 100644 static/usage/v9/select/label-placement/index.md create mode 100644 static/usage/v9/select/label-placement/javascript.md create mode 100644 static/usage/v9/select/label-placement/react.md create mode 100644 static/usage/v9/select/label-placement/vue.md create mode 100644 static/usage/v9/select/label-slot/angular/example_component_html.md create mode 100644 static/usage/v9/select/label-slot/angular/example_component_ts.md create mode 100644 static/usage/v9/select/label-slot/demo.html create mode 100644 static/usage/v9/select/label-slot/index.md create mode 100644 static/usage/v9/select/label-slot/javascript.md create mode 100644 static/usage/v9/select/label-slot/react.md create mode 100644 static/usage/v9/select/label-slot/vue.md create mode 100644 static/usage/v9/select/no-visible-label/angular/example_component_html.md create mode 100644 static/usage/v9/select/no-visible-label/angular/example_component_ts.md create mode 100644 static/usage/v9/select/no-visible-label/demo.html create mode 100644 static/usage/v9/select/no-visible-label/index.md create mode 100644 static/usage/v9/select/no-visible-label/javascript.md create mode 100644 static/usage/v9/select/no-visible-label/react.md create mode 100644 static/usage/v9/select/no-visible-label/vue.md create mode 100644 static/usage/v9/select/objects-as-values/multiple-selection/angular/example_component_html.md create mode 100644 static/usage/v9/select/objects-as-values/multiple-selection/angular/example_component_ts.md create mode 100644 static/usage/v9/select/objects-as-values/multiple-selection/demo.html create mode 100644 static/usage/v9/select/objects-as-values/multiple-selection/index.md create mode 100644 static/usage/v9/select/objects-as-values/multiple-selection/javascript.md create mode 100644 static/usage/v9/select/objects-as-values/multiple-selection/react.md create mode 100644 static/usage/v9/select/objects-as-values/multiple-selection/vue.md create mode 100644 static/usage/v9/select/objects-as-values/using-comparewith/angular/example_component_html.md create mode 100644 static/usage/v9/select/objects-as-values/using-comparewith/angular/example_component_ts.md create mode 100644 static/usage/v9/select/objects-as-values/using-comparewith/demo.html create mode 100644 static/usage/v9/select/objects-as-values/using-comparewith/index.md create mode 100644 static/usage/v9/select/objects-as-values/using-comparewith/javascript.md create mode 100644 static/usage/v9/select/objects-as-values/using-comparewith/react.md create mode 100644 static/usage/v9/select/objects-as-values/using-comparewith/vue.md create mode 100644 static/usage/v9/select/start-end-slots/angular/example_component_html.md create mode 100644 static/usage/v9/select/start-end-slots/angular/example_component_ts.md create mode 100644 static/usage/v9/select/start-end-slots/demo.html create mode 100644 static/usage/v9/select/start-end-slots/index.md create mode 100644 static/usage/v9/select/start-end-slots/javascript/index_html.md create mode 100644 static/usage/v9/select/start-end-slots/javascript/index_ts.md create mode 100644 static/usage/v9/select/start-end-slots/react.md create mode 100644 static/usage/v9/select/start-end-slots/vue.md create mode 100644 static/usage/v9/select/typeahead/angular/angular_types_ts.md create mode 100644 static/usage/v9/select/typeahead/angular/example_component_html.md create mode 100644 static/usage/v9/select/typeahead/angular/example_component_ts.md create mode 100644 static/usage/v9/select/typeahead/angular/typeahead_component_html.md create mode 100644 static/usage/v9/select/typeahead/angular/typeahead_component_ts.md create mode 100644 static/usage/v9/select/typeahead/demo.html create mode 100644 static/usage/v9/select/typeahead/index.md create mode 100644 static/usage/v9/select/typeahead/javascript.md create mode 100644 static/usage/v9/select/typeahead/react/main_tsx.md create mode 100644 static/usage/v9/select/typeahead/react/react_types_ts.md create mode 100644 static/usage/v9/select/typeahead/react/typeahead_component_tsx.md create mode 100644 static/usage/v9/select/typeahead/vue/example_vue.md create mode 100644 static/usage/v9/select/typeahead/vue/typeahead_component_vue.md create mode 100644 static/usage/v9/select/typeahead/vue/vue_types_ts.md create mode 100644 static/usage/v9/skeleton-text/basic/angular/example_component_html.md create mode 100644 static/usage/v9/skeleton-text/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/skeleton-text/basic/demo.html create mode 100644 static/usage/v9/skeleton-text/basic/index.md create mode 100644 static/usage/v9/skeleton-text/basic/javascript/index_html.md create mode 100644 static/usage/v9/skeleton-text/basic/javascript/index_ts.md create mode 100644 static/usage/v9/skeleton-text/basic/react.md create mode 100644 static/usage/v9/skeleton-text/basic/vue.md create mode 100644 static/usage/v9/skeleton-text/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v9/skeleton-text/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v9/skeleton-text/theming/css-properties/angular/example_component_ts.md create mode 100644 static/usage/v9/skeleton-text/theming/css-properties/demo.html create mode 100644 static/usage/v9/skeleton-text/theming/css-properties/index.md create mode 100644 static/usage/v9/skeleton-text/theming/css-properties/javascript.md create mode 100644 static/usage/v9/skeleton-text/theming/css-properties/react/main_css.md create mode 100644 static/usage/v9/skeleton-text/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v9/skeleton-text/theming/css-properties/vue.md create mode 100644 static/usage/v9/spinner/basic/angular/example_component_html.md create mode 100644 static/usage/v9/spinner/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/spinner/basic/demo.html create mode 100644 static/usage/v9/spinner/basic/index.md create mode 100644 static/usage/v9/spinner/basic/javascript.md create mode 100644 static/usage/v9/spinner/basic/react.md create mode 100644 static/usage/v9/spinner/basic/vue.md create mode 100644 static/usage/v9/spinner/theming/colors/angular/example_component_html.md create mode 100644 static/usage/v9/spinner/theming/colors/angular/example_component_ts.md create mode 100644 static/usage/v9/spinner/theming/colors/demo.html create mode 100644 static/usage/v9/spinner/theming/colors/index.md create mode 100644 static/usage/v9/spinner/theming/colors/javascript.md create mode 100644 static/usage/v9/spinner/theming/colors/react.md create mode 100644 static/usage/v9/spinner/theming/colors/vue.md create mode 100644 static/usage/v9/spinner/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v9/spinner/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v9/spinner/theming/css-properties/angular/example_component_ts.md create mode 100644 static/usage/v9/spinner/theming/css-properties/demo.html create mode 100644 static/usage/v9/spinner/theming/css-properties/index.md create mode 100644 static/usage/v9/spinner/theming/css-properties/javascript.md create mode 100644 static/usage/v9/spinner/theming/css-properties/react.md create mode 100644 static/usage/v9/spinner/theming/css-properties/react/main_css.md create mode 100644 static/usage/v9/spinner/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v9/spinner/theming/css-properties/vue.md create mode 100644 static/usage/v9/spinner/theming/resizing/angular/example_component_css.md create mode 100644 static/usage/v9/spinner/theming/resizing/angular/example_component_html.md create mode 100644 static/usage/v9/spinner/theming/resizing/angular/example_component_ts.md create mode 100644 static/usage/v9/spinner/theming/resizing/demo.html create mode 100644 static/usage/v9/spinner/theming/resizing/index.md create mode 100644 static/usage/v9/spinner/theming/resizing/javascript.md create mode 100644 static/usage/v9/spinner/theming/resizing/react.md create mode 100644 static/usage/v9/spinner/theming/resizing/react/main_css.md create mode 100644 static/usage/v9/spinner/theming/resizing/react/main_tsx.md create mode 100644 static/usage/v9/spinner/theming/resizing/vue.md create mode 100644 static/usage/v9/split-pane/basic/angular/example_component_html.md create mode 100644 static/usage/v9/split-pane/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/split-pane/basic/demo.html create mode 100644 static/usage/v9/split-pane/basic/index.md create mode 100644 static/usage/v9/split-pane/basic/javascript.md create mode 100644 static/usage/v9/split-pane/basic/react.md create mode 100644 static/usage/v9/split-pane/basic/vue.md create mode 100644 static/usage/v9/split-pane/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v9/split-pane/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v9/split-pane/theming/css-properties/angular/example_component_ts.md create mode 100644 static/usage/v9/split-pane/theming/css-properties/demo.html create mode 100644 static/usage/v9/split-pane/theming/css-properties/index.md create mode 100644 static/usage/v9/split-pane/theming/css-properties/javascript.md create mode 100644 static/usage/v9/split-pane/theming/css-properties/react/main_css.md create mode 100644 static/usage/v9/split-pane/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v9/split-pane/theming/css-properties/vue.md create mode 100644 static/usage/v9/tabs/basic/angular/example_component_css.md create mode 100644 static/usage/v9/tabs/basic/angular/example_component_html.md create mode 100644 static/usage/v9/tabs/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/tabs/basic/demo.html create mode 100644 static/usage/v9/tabs/basic/index.md create mode 100644 static/usage/v9/tabs/basic/javascript/index_html.md create mode 100644 static/usage/v9/tabs/basic/javascript/index_ts.md create mode 100644 static/usage/v9/tabs/basic/react/main_css.md create mode 100644 static/usage/v9/tabs/basic/react/main_tsx.md create mode 100644 static/usage/v9/tabs/basic/vue.md create mode 100644 static/usage/v9/tabs/router/angular/app_component_html.md create mode 100644 static/usage/v9/tabs/router/angular/app_component_ts.md create mode 100644 static/usage/v9/tabs/router/angular/app_routes_ts.md create mode 100644 static/usage/v9/tabs/router/angular/example_component_html.md create mode 100644 static/usage/v9/tabs/router/angular/example_component_ts.md create mode 100644 static/usage/v9/tabs/router/angular/global_css.md create mode 100644 static/usage/v9/tabs/router/angular/home_page_component_html.md create mode 100644 static/usage/v9/tabs/router/angular/home_page_component_ts.md create mode 100644 static/usage/v9/tabs/router/angular/library_page_component_html.md create mode 100644 static/usage/v9/tabs/router/angular/library_page_component_ts.md create mode 100644 static/usage/v9/tabs/router/angular/radio_page_component_html.md create mode 100644 static/usage/v9/tabs/router/angular/radio_page_component_ts.md create mode 100644 static/usage/v9/tabs/router/angular/search_page_component_html.md create mode 100644 static/usage/v9/tabs/router/angular/search_page_component_ts.md create mode 100644 static/usage/v9/tabs/router/demo.html create mode 100644 static/usage/v9/tabs/router/index.md create mode 100644 static/usage/v9/tabs/router/javascript/index_html.md create mode 100644 static/usage/v9/tabs/router/javascript/index_ts.md create mode 100644 static/usage/v9/tabs/router/react/home_page_tsx.md create mode 100644 static/usage/v9/tabs/router/react/library_page_tsx.md create mode 100644 static/usage/v9/tabs/router/react/main_tsx.md create mode 100644 static/usage/v9/tabs/router/react/radio_page_tsx.md create mode 100644 static/usage/v9/tabs/router/react/search_page_tsx.md create mode 100644 static/usage/v9/tabs/router/vue/app_vue.md create mode 100644 static/usage/v9/tabs/router/vue/example_vue.md create mode 100644 static/usage/v9/tabs/router/vue/home_page_vue.md create mode 100644 static/usage/v9/tabs/router/vue/library_page_vue.md create mode 100644 static/usage/v9/tabs/router/vue/main_ts.md create mode 100644 static/usage/v9/tabs/router/vue/radio_page_vue.md create mode 100644 static/usage/v9/tabs/router/vue/router_ts.md create mode 100644 static/usage/v9/tabs/router/vue/search_page_vue.md create mode 100644 static/usage/v9/tabs/select-method/angular/example_component_css.md create mode 100644 static/usage/v9/tabs/select-method/angular/example_component_html.md create mode 100644 static/usage/v9/tabs/select-method/angular/example_component_ts.md create mode 100644 static/usage/v9/tabs/select-method/demo.html create mode 100644 static/usage/v9/tabs/select-method/index.md create mode 100644 static/usage/v9/tabs/select-method/javascript/index_html.md create mode 100644 static/usage/v9/tabs/select-method/javascript/index_ts.md create mode 100644 static/usage/v9/tabs/select-method/react/main_css.md create mode 100644 static/usage/v9/tabs/select-method/react/main_tsx.md create mode 100644 static/usage/v9/tabs/select-method/vue.md create mode 100644 static/usage/v9/text/basic/angular/example_component_html.md create mode 100644 static/usage/v9/text/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/text/basic/demo.html create mode 100644 static/usage/v9/text/basic/index.md create mode 100644 static/usage/v9/text/basic/javascript/index_html.md create mode 100644 static/usage/v9/text/basic/javascript/index_ts.md create mode 100644 static/usage/v9/text/basic/react.md create mode 100644 static/usage/v9/text/basic/vue.md create mode 100644 static/usage/v9/textarea/autogrow/angular/example_component_html.md create mode 100644 static/usage/v9/textarea/autogrow/angular/example_component_ts.md create mode 100644 static/usage/v9/textarea/autogrow/demo.html create mode 100644 static/usage/v9/textarea/autogrow/index.md create mode 100644 static/usage/v9/textarea/autogrow/javascript.md create mode 100644 static/usage/v9/textarea/autogrow/react.md create mode 100644 static/usage/v9/textarea/autogrow/vue.md create mode 100644 static/usage/v9/textarea/basic/angular/example_component_html.md create mode 100644 static/usage/v9/textarea/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/textarea/basic/demo.html create mode 100644 static/usage/v9/textarea/basic/index.md create mode 100644 static/usage/v9/textarea/basic/javascript.md create mode 100644 static/usage/v9/textarea/basic/react.md create mode 100644 static/usage/v9/textarea/basic/vue.md create mode 100644 static/usage/v9/textarea/clear-on-edit/angular/example_component_html.md create mode 100644 static/usage/v9/textarea/clear-on-edit/angular/example_component_ts.md create mode 100644 static/usage/v9/textarea/clear-on-edit/demo.html create mode 100644 static/usage/v9/textarea/clear-on-edit/index.md create mode 100644 static/usage/v9/textarea/clear-on-edit/javascript.md create mode 100644 static/usage/v9/textarea/clear-on-edit/react.md create mode 100644 static/usage/v9/textarea/clear-on-edit/vue.md create mode 100644 static/usage/v9/textarea/counter/angular/example_component_html.md create mode 100644 static/usage/v9/textarea/counter/angular/example_component_ts.md create mode 100644 static/usage/v9/textarea/counter/demo.html create mode 100644 static/usage/v9/textarea/counter/index.md create mode 100644 static/usage/v9/textarea/counter/javascript.md create mode 100644 static/usage/v9/textarea/counter/react.md create mode 100644 static/usage/v9/textarea/counter/vue.md create mode 100644 static/usage/v9/textarea/fill/angular/example_component_html.md create mode 100644 static/usage/v9/textarea/fill/angular/example_component_ts.md create mode 100644 static/usage/v9/textarea/fill/demo.html create mode 100644 static/usage/v9/textarea/fill/index.md create mode 100644 static/usage/v9/textarea/fill/javascript.md create mode 100644 static/usage/v9/textarea/fill/react.md create mode 100644 static/usage/v9/textarea/fill/vue.md create mode 100644 static/usage/v9/textarea/helper-error/angular/example_component_html.md create mode 100644 static/usage/v9/textarea/helper-error/angular/example_component_ts.md create mode 100644 static/usage/v9/textarea/helper-error/demo.html create mode 100644 static/usage/v9/textarea/helper-error/index.md create mode 100644 static/usage/v9/textarea/helper-error/javascript.md create mode 100644 static/usage/v9/textarea/helper-error/react.md create mode 100644 static/usage/v9/textarea/helper-error/vue.md create mode 100644 static/usage/v9/textarea/label-placement/angular/example_component_html.md create mode 100644 static/usage/v9/textarea/label-placement/angular/example_component_ts.md create mode 100644 static/usage/v9/textarea/label-placement/demo.html create mode 100644 static/usage/v9/textarea/label-placement/index.md create mode 100644 static/usage/v9/textarea/label-placement/javascript.md create mode 100644 static/usage/v9/textarea/label-placement/react.md create mode 100644 static/usage/v9/textarea/label-placement/vue.md create mode 100644 static/usage/v9/textarea/label-slot/angular/example_component_html.md create mode 100644 static/usage/v9/textarea/label-slot/angular/example_component_ts.md create mode 100644 static/usage/v9/textarea/label-slot/demo.html create mode 100644 static/usage/v9/textarea/label-slot/index.md create mode 100644 static/usage/v9/textarea/label-slot/javascript.md create mode 100644 static/usage/v9/textarea/label-slot/react.md create mode 100644 static/usage/v9/textarea/label-slot/vue.md create mode 100644 static/usage/v9/textarea/no-visible-label/angular/example_component_html.md create mode 100644 static/usage/v9/textarea/no-visible-label/angular/example_component_ts.md create mode 100644 static/usage/v9/textarea/no-visible-label/demo.html create mode 100644 static/usage/v9/textarea/no-visible-label/index.md create mode 100644 static/usage/v9/textarea/no-visible-label/javascript.md create mode 100644 static/usage/v9/textarea/no-visible-label/react.md create mode 100644 static/usage/v9/textarea/no-visible-label/vue.md create mode 100644 static/usage/v9/textarea/start-end-slots/angular/example_component_html.md create mode 100644 static/usage/v9/textarea/start-end-slots/angular/example_component_ts.md create mode 100644 static/usage/v9/textarea/start-end-slots/demo.html create mode 100644 static/usage/v9/textarea/start-end-slots/index.md create mode 100644 static/usage/v9/textarea/start-end-slots/javascript/index_html.md create mode 100644 static/usage/v9/textarea/start-end-slots/javascript/index_ts.md create mode 100644 static/usage/v9/textarea/start-end-slots/react.md create mode 100644 static/usage/v9/textarea/start-end-slots/vue.md create mode 100644 static/usage/v9/textarea/theming/angular/example_component_css.md create mode 100644 static/usage/v9/textarea/theming/angular/example_component_html.md create mode 100644 static/usage/v9/textarea/theming/angular/example_component_ts.md create mode 100644 static/usage/v9/textarea/theming/angular/global_css.md create mode 100644 static/usage/v9/textarea/theming/demo.html create mode 100644 static/usage/v9/textarea/theming/index.md create mode 100644 static/usage/v9/textarea/theming/javascript.md create mode 100644 static/usage/v9/textarea/theming/react/main_css.md create mode 100644 static/usage/v9/textarea/theming/react/main_tsx.md create mode 100644 static/usage/v9/textarea/theming/vue.md create mode 100644 static/usage/v9/theming/always-dark-mode/angular/example_component_html.md create mode 100644 static/usage/v9/theming/always-dark-mode/angular/example_component_ts.md create mode 100644 static/usage/v9/theming/always-dark-mode/angular/styles_css.md create mode 100644 static/usage/v9/theming/always-dark-mode/demo.html create mode 100644 static/usage/v9/theming/always-dark-mode/index.md create mode 100644 static/usage/v9/theming/always-dark-mode/javascript/index_html.md create mode 100644 static/usage/v9/theming/always-dark-mode/javascript/index_ts.md create mode 100644 static/usage/v9/theming/always-dark-mode/react/app_tsx.md create mode 100644 static/usage/v9/theming/always-dark-mode/react/main_tsx.md create mode 100644 static/usage/v9/theming/always-dark-mode/theme/variables_css.md create mode 100644 static/usage/v9/theming/always-dark-mode/vue/example_vue.md create mode 100644 static/usage/v9/theming/always-dark-mode/vue/main_ts.md create mode 100644 static/usage/v9/theming/always-high-contrast-mode/angular/example_component_html.md create mode 100644 static/usage/v9/theming/always-high-contrast-mode/angular/example_component_ts.md create mode 100644 static/usage/v9/theming/always-high-contrast-mode/angular/styles_css.md create mode 100644 static/usage/v9/theming/always-high-contrast-mode/demo.html create mode 100644 static/usage/v9/theming/always-high-contrast-mode/index.md create mode 100644 static/usage/v9/theming/always-high-contrast-mode/javascript/index_html.md create mode 100644 static/usage/v9/theming/always-high-contrast-mode/javascript/index_ts.md create mode 100644 static/usage/v9/theming/always-high-contrast-mode/react/app_tsx.md create mode 100644 static/usage/v9/theming/always-high-contrast-mode/react/main_tsx.md create mode 100644 static/usage/v9/theming/always-high-contrast-mode/vue/example_vue.md create mode 100644 static/usage/v9/theming/always-high-contrast-mode/vue/main_ts.md create mode 100644 static/usage/v9/theming/class-dark-mode/angular/example_component_html.md create mode 100644 static/usage/v9/theming/class-dark-mode/angular/example_component_ts.md create mode 100644 static/usage/v9/theming/class-dark-mode/angular/global_css.md create mode 100644 static/usage/v9/theming/class-dark-mode/angular/styles_css.md create mode 100644 static/usage/v9/theming/class-dark-mode/demo.html create mode 100644 static/usage/v9/theming/class-dark-mode/index.md create mode 100644 static/usage/v9/theming/class-dark-mode/javascript/index_html.md create mode 100644 static/usage/v9/theming/class-dark-mode/javascript/index_ts.md create mode 100644 static/usage/v9/theming/class-dark-mode/react/app_tsx.md create mode 100644 static/usage/v9/theming/class-dark-mode/react/main_css.md create mode 100644 static/usage/v9/theming/class-dark-mode/react/main_tsx.md create mode 100644 static/usage/v9/theming/class-dark-mode/theme/variables_css.md create mode 100644 static/usage/v9/theming/class-dark-mode/vue/example_vue.md create mode 100644 static/usage/v9/theming/class-dark-mode/vue/main_ts.md create mode 100644 static/usage/v9/theming/class-high-contrast-mode/angular/example_component_html.md create mode 100644 static/usage/v9/theming/class-high-contrast-mode/angular/example_component_ts.md create mode 100644 static/usage/v9/theming/class-high-contrast-mode/angular/global_css.md create mode 100644 static/usage/v9/theming/class-high-contrast-mode/angular/styles_css.md create mode 100644 static/usage/v9/theming/class-high-contrast-mode/demo.html create mode 100644 static/usage/v9/theming/class-high-contrast-mode/index.md create mode 100644 static/usage/v9/theming/class-high-contrast-mode/javascript/index_html.md create mode 100644 static/usage/v9/theming/class-high-contrast-mode/javascript/index_ts.md create mode 100644 static/usage/v9/theming/class-high-contrast-mode/react/app_tsx.md create mode 100644 static/usage/v9/theming/class-high-contrast-mode/react/main_css.md create mode 100644 static/usage/v9/theming/class-high-contrast-mode/react/main_tsx.md create mode 100644 static/usage/v9/theming/class-high-contrast-mode/vue/example_vue.md create mode 100644 static/usage/v9/theming/class-high-contrast-mode/vue/main_ts.md create mode 100644 static/usage/v9/theming/system-dark-mode/angular/example_component_html.md create mode 100644 static/usage/v9/theming/system-dark-mode/angular/example_component_ts.md create mode 100644 static/usage/v9/theming/system-dark-mode/angular/global_css.md create mode 100644 static/usage/v9/theming/system-dark-mode/angular/styles_css.md create mode 100644 static/usage/v9/theming/system-dark-mode/demo.html create mode 100644 static/usage/v9/theming/system-dark-mode/index.md create mode 100644 static/usage/v9/theming/system-dark-mode/javascript/index_html.md create mode 100644 static/usage/v9/theming/system-dark-mode/javascript/index_ts.md create mode 100644 static/usage/v9/theming/system-dark-mode/react/app_tsx.md create mode 100644 static/usage/v9/theming/system-dark-mode/react/main_css.md create mode 100644 static/usage/v9/theming/system-dark-mode/react/main_tsx.md create mode 100644 static/usage/v9/theming/system-dark-mode/theme/variables_css.md create mode 100644 static/usage/v9/theming/system-dark-mode/vue/example_vue.md create mode 100644 static/usage/v9/theming/system-dark-mode/vue/main_ts.md create mode 100644 static/usage/v9/theming/system-high-contrast-mode/angular/example_component_html.md create mode 100644 static/usage/v9/theming/system-high-contrast-mode/angular/example_component_ts.md create mode 100644 static/usage/v9/theming/system-high-contrast-mode/angular/styles_css.md create mode 100644 static/usage/v9/theming/system-high-contrast-mode/demo.html create mode 100644 static/usage/v9/theming/system-high-contrast-mode/index.md create mode 100644 static/usage/v9/theming/system-high-contrast-mode/javascript/index_html.md create mode 100644 static/usage/v9/theming/system-high-contrast-mode/javascript/index_ts.md create mode 100644 static/usage/v9/theming/system-high-contrast-mode/react/app_tsx.md create mode 100644 static/usage/v9/theming/system-high-contrast-mode/react/main_tsx.md create mode 100644 static/usage/v9/theming/system-high-contrast-mode/vue/example_vue.md create mode 100644 static/usage/v9/theming/system-high-contrast-mode/vue/main_ts.md create mode 100644 static/usage/v9/thumbnail/basic/angular/example_component_html.md create mode 100644 static/usage/v9/thumbnail/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/thumbnail/basic/demo.html create mode 100644 static/usage/v9/thumbnail/basic/index.md create mode 100644 static/usage/v9/thumbnail/basic/javascript.md create mode 100644 static/usage/v9/thumbnail/basic/react.md create mode 100644 static/usage/v9/thumbnail/basic/vue.md create mode 100644 static/usage/v9/thumbnail/item/angular/example_component_html.md create mode 100644 static/usage/v9/thumbnail/item/angular/example_component_ts.md create mode 100644 static/usage/v9/thumbnail/item/demo.html create mode 100644 static/usage/v9/thumbnail/item/index.md create mode 100644 static/usage/v9/thumbnail/item/javascript.md create mode 100644 static/usage/v9/thumbnail/item/react.md create mode 100644 static/usage/v9/thumbnail/item/vue.md create mode 100644 static/usage/v9/thumbnail/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v9/thumbnail/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v9/thumbnail/theming/css-properties/angular/example_component_ts.md create mode 100644 static/usage/v9/thumbnail/theming/css-properties/demo.html create mode 100644 static/usage/v9/thumbnail/theming/css-properties/index.md create mode 100644 static/usage/v9/thumbnail/theming/css-properties/javascript.md create mode 100644 static/usage/v9/thumbnail/theming/css-properties/react/main_css.md create mode 100644 static/usage/v9/thumbnail/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v9/thumbnail/theming/css-properties/vue.md create mode 100644 static/usage/v9/title/basic/angular/example_component_html.md create mode 100644 static/usage/v9/title/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/title/basic/demo.html create mode 100644 static/usage/v9/title/basic/index.md create mode 100644 static/usage/v9/title/basic/javascript.md create mode 100644 static/usage/v9/title/basic/react.md create mode 100644 static/usage/v9/title/basic/vue.md create mode 100644 static/usage/v9/title/collapsible-large-title/basic/angular/example_component_html.md create mode 100644 static/usage/v9/title/collapsible-large-title/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/title/collapsible-large-title/basic/demo.html create mode 100644 static/usage/v9/title/collapsible-large-title/basic/index.md create mode 100644 static/usage/v9/title/collapsible-large-title/basic/javascript.md create mode 100644 static/usage/v9/title/collapsible-large-title/basic/react.md create mode 100644 static/usage/v9/title/collapsible-large-title/basic/vue.md create mode 100644 static/usage/v9/title/collapsible-large-title/buttons/angular/example_component_html.md create mode 100644 static/usage/v9/title/collapsible-large-title/buttons/angular/example_component_ts.md create mode 100644 static/usage/v9/title/collapsible-large-title/buttons/demo.html create mode 100644 static/usage/v9/title/collapsible-large-title/buttons/index.md create mode 100644 static/usage/v9/title/collapsible-large-title/buttons/javascript.md create mode 100644 static/usage/v9/title/collapsible-large-title/buttons/react.md create mode 100644 static/usage/v9/title/collapsible-large-title/buttons/vue.md create mode 100644 static/usage/v9/title/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v9/title/theming/css-properties/angular/example_component_ts.md create mode 100644 static/usage/v9/title/theming/css-properties/angular/global_css.md create mode 100644 static/usage/v9/title/theming/css-properties/demo.html create mode 100644 static/usage/v9/title/theming/css-properties/index.md create mode 100644 static/usage/v9/title/theming/css-properties/javascript.md create mode 100644 static/usage/v9/title/theming/css-properties/react/main_css.md create mode 100644 static/usage/v9/title/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v9/title/theming/css-properties/vue.md create mode 100644 static/usage/v9/toast/buttons/angular/example_component_html.md create mode 100644 static/usage/v9/toast/buttons/angular/example_component_ts.md create mode 100644 static/usage/v9/toast/buttons/demo.html create mode 100644 static/usage/v9/toast/buttons/index.md create mode 100644 static/usage/v9/toast/buttons/javascript.md create mode 100644 static/usage/v9/toast/buttons/react.md create mode 100644 static/usage/v9/toast/buttons/vue.md create mode 100644 static/usage/v9/toast/icon/angular/example_component_html.md create mode 100644 static/usage/v9/toast/icon/angular/example_component_ts.md create mode 100644 static/usage/v9/toast/icon/demo.html create mode 100644 static/usage/v9/toast/icon/index.md create mode 100644 static/usage/v9/toast/icon/javascript.md create mode 100644 static/usage/v9/toast/icon/react.md create mode 100644 static/usage/v9/toast/icon/vue.md create mode 100644 static/usage/v9/toast/inline/basic/angular/example_component_html.md create mode 100644 static/usage/v9/toast/inline/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/toast/inline/basic/demo.html create mode 100644 static/usage/v9/toast/inline/basic/index.md create mode 100644 static/usage/v9/toast/inline/basic/javascript.md create mode 100644 static/usage/v9/toast/inline/basic/react.md create mode 100644 static/usage/v9/toast/inline/basic/vue.md create mode 100644 static/usage/v9/toast/inline/is-open/angular/example_component_html.md create mode 100644 static/usage/v9/toast/inline/is-open/angular/example_component_ts.md create mode 100644 static/usage/v9/toast/inline/is-open/demo.html create mode 100644 static/usage/v9/toast/inline/is-open/index.md create mode 100644 static/usage/v9/toast/inline/is-open/javascript.md create mode 100644 static/usage/v9/toast/inline/is-open/react.md create mode 100644 static/usage/v9/toast/inline/is-open/vue.md create mode 100644 static/usage/v9/toast/layout/angular/example_component_html.md create mode 100644 static/usage/v9/toast/layout/angular/example_component_ts.md create mode 100644 static/usage/v9/toast/layout/demo.html create mode 100644 static/usage/v9/toast/layout/index.md create mode 100644 static/usage/v9/toast/layout/javascript.md create mode 100644 static/usage/v9/toast/layout/react.md create mode 100644 static/usage/v9/toast/layout/vue.md create mode 100644 static/usage/v9/toast/position-anchor/angular/example_component_html.md create mode 100644 static/usage/v9/toast/position-anchor/angular/example_component_ts.md create mode 100644 static/usage/v9/toast/position-anchor/demo.html create mode 100644 static/usage/v9/toast/position-anchor/index.md create mode 100644 static/usage/v9/toast/position-anchor/javascript.md create mode 100644 static/usage/v9/toast/position-anchor/react.md create mode 100644 static/usage/v9/toast/position-anchor/vue.md create mode 100644 static/usage/v9/toast/presenting/controller/angular/example_component_html.md create mode 100644 static/usage/v9/toast/presenting/controller/angular/example_component_ts.md create mode 100644 static/usage/v9/toast/presenting/controller/demo.html create mode 100644 static/usage/v9/toast/presenting/controller/index.md create mode 100644 static/usage/v9/toast/presenting/controller/javascript.md create mode 100644 static/usage/v9/toast/presenting/controller/react.md create mode 100644 static/usage/v9/toast/presenting/controller/vue.md create mode 100644 static/usage/v9/toast/swipe-gesture/angular/example_component_html.md create mode 100644 static/usage/v9/toast/swipe-gesture/angular/example_component_ts.md create mode 100644 static/usage/v9/toast/swipe-gesture/demo.html create mode 100644 static/usage/v9/toast/swipe-gesture/index.md create mode 100644 static/usage/v9/toast/swipe-gesture/javascript.md create mode 100644 static/usage/v9/toast/swipe-gesture/react.md create mode 100644 static/usage/v9/toast/swipe-gesture/vue.md create mode 100644 static/usage/v9/toast/theming/angular/example_component_html.md create mode 100644 static/usage/v9/toast/theming/angular/example_component_ts.md create mode 100644 static/usage/v9/toast/theming/angular/global_css.md create mode 100644 static/usage/v9/toast/theming/demo.html create mode 100644 static/usage/v9/toast/theming/index.md create mode 100644 static/usage/v9/toast/theming/javascript.md create mode 100644 static/usage/v9/toast/theming/react/main_css.md create mode 100644 static/usage/v9/toast/theming/react/main_tsx.md create mode 100644 static/usage/v9/toast/theming/vue.md create mode 100644 static/usage/v9/toggle/alignment/angular/example_component_html.md create mode 100644 static/usage/v9/toggle/alignment/angular/example_component_ts.md create mode 100644 static/usage/v9/toggle/alignment/demo.html create mode 100644 static/usage/v9/toggle/alignment/index.md create mode 100644 static/usage/v9/toggle/alignment/javascript.md create mode 100644 static/usage/v9/toggle/alignment/react.md create mode 100644 static/usage/v9/toggle/alignment/vue.md create mode 100644 static/usage/v9/toggle/basic/angular/example_component_html.md create mode 100644 static/usage/v9/toggle/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/toggle/basic/demo.html create mode 100644 static/usage/v9/toggle/basic/index.md create mode 100644 static/usage/v9/toggle/basic/javascript.md create mode 100644 static/usage/v9/toggle/basic/react.md create mode 100644 static/usage/v9/toggle/basic/vue.md create mode 100644 static/usage/v9/toggle/helper-error/angular/example_component_html.md create mode 100644 static/usage/v9/toggle/helper-error/angular/example_component_ts.md create mode 100644 static/usage/v9/toggle/helper-error/demo.html create mode 100644 static/usage/v9/toggle/helper-error/index.md create mode 100644 static/usage/v9/toggle/helper-error/javascript.md create mode 100644 static/usage/v9/toggle/helper-error/react.md create mode 100644 static/usage/v9/toggle/helper-error/vue.md create mode 100644 static/usage/v9/toggle/justify/angular/example_component_html.md create mode 100644 static/usage/v9/toggle/justify/angular/example_component_ts.md create mode 100644 static/usage/v9/toggle/justify/demo.html create mode 100644 static/usage/v9/toggle/justify/index.md create mode 100644 static/usage/v9/toggle/justify/javascript.md create mode 100644 static/usage/v9/toggle/justify/react.md create mode 100644 static/usage/v9/toggle/justify/vue.md create mode 100644 static/usage/v9/toggle/label-placement/angular/example_component_html.md create mode 100644 static/usage/v9/toggle/label-placement/angular/example_component_ts.md create mode 100644 static/usage/v9/toggle/label-placement/demo.html create mode 100644 static/usage/v9/toggle/label-placement/index.md create mode 100644 static/usage/v9/toggle/label-placement/javascript.md create mode 100644 static/usage/v9/toggle/label-placement/react.md create mode 100644 static/usage/v9/toggle/label-placement/vue.md create mode 100644 static/usage/v9/toggle/list/angular/example_component_html.md create mode 100644 static/usage/v9/toggle/list/angular/example_component_ts.md create mode 100644 static/usage/v9/toggle/list/demo.html create mode 100644 static/usage/v9/toggle/list/index.md create mode 100644 static/usage/v9/toggle/list/javascript.md create mode 100644 static/usage/v9/toggle/list/react.md create mode 100644 static/usage/v9/toggle/list/vue.md create mode 100644 static/usage/v9/toggle/on-off/angular/example_component_html.md create mode 100644 static/usage/v9/toggle/on-off/angular/example_component_ts.md create mode 100644 static/usage/v9/toggle/on-off/demo.html create mode 100644 static/usage/v9/toggle/on-off/index.md create mode 100644 static/usage/v9/toggle/on-off/javascript.md create mode 100644 static/usage/v9/toggle/on-off/react.md create mode 100644 static/usage/v9/toggle/on-off/vue.md create mode 100644 static/usage/v9/toggle/theming/colors/angular/example_component_html.md create mode 100644 static/usage/v9/toggle/theming/colors/angular/example_component_ts.md create mode 100644 static/usage/v9/toggle/theming/colors/demo.html create mode 100644 static/usage/v9/toggle/theming/colors/index.md create mode 100644 static/usage/v9/toggle/theming/colors/javascript.md create mode 100644 static/usage/v9/toggle/theming/colors/react.md create mode 100644 static/usage/v9/toggle/theming/colors/vue.md create mode 100644 static/usage/v9/toggle/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v9/toggle/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v9/toggle/theming/css-properties/angular/example_component_ts.md create mode 100644 static/usage/v9/toggle/theming/css-properties/demo.html create mode 100644 static/usage/v9/toggle/theming/css-properties/index.md create mode 100644 static/usage/v9/toggle/theming/css-properties/javascript.md create mode 100644 static/usage/v9/toggle/theming/css-properties/react/main_css.md create mode 100644 static/usage/v9/toggle/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v9/toggle/theming/css-properties/vue.md create mode 100644 static/usage/v9/toggle/theming/css-shadow-parts/angular/example_component_css.md create mode 100644 static/usage/v9/toggle/theming/css-shadow-parts/angular/example_component_html.md create mode 100644 static/usage/v9/toggle/theming/css-shadow-parts/angular/example_component_ts.md create mode 100644 static/usage/v9/toggle/theming/css-shadow-parts/demo.html create mode 100644 static/usage/v9/toggle/theming/css-shadow-parts/index.md create mode 100644 static/usage/v9/toggle/theming/css-shadow-parts/javascript.md create mode 100644 static/usage/v9/toggle/theming/css-shadow-parts/react/main_css.md create mode 100644 static/usage/v9/toggle/theming/css-shadow-parts/react/main_tsx.md create mode 100644 static/usage/v9/toggle/theming/css-shadow-parts/vue.md create mode 100644 static/usage/v9/toolbar/basic/angular/example_component_html.md create mode 100644 static/usage/v9/toolbar/basic/angular/example_component_ts.md create mode 100644 static/usage/v9/toolbar/basic/demo.html create mode 100644 static/usage/v9/toolbar/basic/index.md create mode 100644 static/usage/v9/toolbar/basic/javascript.md create mode 100644 static/usage/v9/toolbar/basic/react.md create mode 100644 static/usage/v9/toolbar/basic/vue.md create mode 100644 static/usage/v9/toolbar/buttons/angular/example_component_html.md create mode 100644 static/usage/v9/toolbar/buttons/angular/example_component_ts.md create mode 100644 static/usage/v9/toolbar/buttons/demo.html create mode 100644 static/usage/v9/toolbar/buttons/index.md create mode 100644 static/usage/v9/toolbar/buttons/javascript/index_html.md create mode 100644 static/usage/v9/toolbar/buttons/javascript/index_ts.md create mode 100644 static/usage/v9/toolbar/buttons/react.md create mode 100644 static/usage/v9/toolbar/buttons/vue.md create mode 100644 static/usage/v9/toolbar/progress-bars/angular/example_component_html.md create mode 100644 static/usage/v9/toolbar/progress-bars/angular/example_component_ts.md create mode 100644 static/usage/v9/toolbar/progress-bars/demo.html create mode 100644 static/usage/v9/toolbar/progress-bars/index.md create mode 100644 static/usage/v9/toolbar/progress-bars/javascript.md create mode 100644 static/usage/v9/toolbar/progress-bars/react.md create mode 100644 static/usage/v9/toolbar/progress-bars/vue.md create mode 100644 static/usage/v9/toolbar/searchbars/angular/example_component_html.md create mode 100644 static/usage/v9/toolbar/searchbars/angular/example_component_ts.md create mode 100644 static/usage/v9/toolbar/searchbars/demo.html create mode 100644 static/usage/v9/toolbar/searchbars/index.md create mode 100644 static/usage/v9/toolbar/searchbars/javascript.md create mode 100644 static/usage/v9/toolbar/searchbars/react.md create mode 100644 static/usage/v9/toolbar/searchbars/vue.md create mode 100644 static/usage/v9/toolbar/segments/angular/example_component_html.md create mode 100644 static/usage/v9/toolbar/segments/angular/example_component_ts.md create mode 100644 static/usage/v9/toolbar/segments/demo.html create mode 100644 static/usage/v9/toolbar/segments/index.md create mode 100644 static/usage/v9/toolbar/segments/javascript.md create mode 100644 static/usage/v9/toolbar/segments/react.md create mode 100644 static/usage/v9/toolbar/segments/vue.md create mode 100644 static/usage/v9/toolbar/theming/colors/angular/example_component_html.md create mode 100644 static/usage/v9/toolbar/theming/colors/angular/example_component_ts.md create mode 100644 static/usage/v9/toolbar/theming/colors/demo.html create mode 100644 static/usage/v9/toolbar/theming/colors/index.md create mode 100644 static/usage/v9/toolbar/theming/colors/javascript.md create mode 100644 static/usage/v9/toolbar/theming/colors/react.md create mode 100644 static/usage/v9/toolbar/theming/colors/vue.md create mode 100644 static/usage/v9/toolbar/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v9/toolbar/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v9/toolbar/theming/css-properties/angular/example_component_ts.md create mode 100644 static/usage/v9/toolbar/theming/css-properties/demo.html create mode 100644 static/usage/v9/toolbar/theming/css-properties/index.md create mode 100644 static/usage/v9/toolbar/theming/css-properties/javascript.md create mode 100644 static/usage/v9/toolbar/theming/css-properties/react/main_css.md create mode 100644 static/usage/v9/toolbar/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v9/toolbar/theming/css-properties/vue.md create mode 100644 versioned_docs/version-v8/README.md create mode 100644 versioned_docs/version-v8/angular/add-to-existing.md create mode 100644 versioned_docs/version-v8/angular/build-options.md create mode 100644 versioned_docs/version-v8/angular/injection-tokens.md create mode 100644 versioned_docs/version-v8/angular/lifecycle.md create mode 100644 versioned_docs/version-v8/angular/navigation.md create mode 100644 versioned_docs/version-v8/angular/overview.md create mode 100644 versioned_docs/version-v8/angular/performance.md create mode 100644 versioned_docs/version-v8/angular/platform.md create mode 100644 versioned_docs/version-v8/angular/pwa.md create mode 100644 versioned_docs/version-v8/angular/quickstart.md create mode 100644 versioned_docs/version-v8/angular/slides.md create mode 100644 versioned_docs/version-v8/angular/storage.md create mode 100644 versioned_docs/version-v8/angular/testing.md create mode 100644 versioned_docs/version-v8/angular/virtual-scroll.md create mode 100644 versioned_docs/version-v8/angular/your-first-app.md create mode 100644 versioned_docs/version-v8/angular/your-first-app/2-taking-photos.md create mode 100644 versioned_docs/version-v8/angular/your-first-app/3-saving-photos.md create mode 100644 versioned_docs/version-v8/angular/your-first-app/4-loading-photos.md create mode 100644 versioned_docs/version-v8/angular/your-first-app/5-adding-mobile.md create mode 100644 versioned_docs/version-v8/angular/your-first-app/6-deploying-mobile.md create mode 100644 versioned_docs/version-v8/angular/your-first-app/7-live-reload.md create mode 100644 versioned_docs/version-v8/angular/your-first-app/8-distribute.md create mode 100644 versioned_docs/version-v8/api.md create mode 100644 versioned_docs/version-v8/api/accordion-group.md create mode 100644 versioned_docs/version-v8/api/accordion.md create mode 100644 versioned_docs/version-v8/api/action-sheet.md create mode 100644 versioned_docs/version-v8/api/alert.md create mode 100644 versioned_docs/version-v8/api/app.md create mode 100644 versioned_docs/version-v8/api/avatar.md create mode 100644 versioned_docs/version-v8/api/back-button.md create mode 100644 versioned_docs/version-v8/api/backdrop.md create mode 100644 versioned_docs/version-v8/api/badge.md create mode 100644 versioned_docs/version-v8/api/breadcrumb.md create mode 100644 versioned_docs/version-v8/api/breadcrumbs.md create mode 100644 versioned_docs/version-v8/api/button.md create mode 100644 versioned_docs/version-v8/api/buttons.md create mode 100644 versioned_docs/version-v8/api/card-content.md create mode 100644 versioned_docs/version-v8/api/card-header.md create mode 100644 versioned_docs/version-v8/api/card-subtitle.md create mode 100644 versioned_docs/version-v8/api/card-title.md create mode 100644 versioned_docs/version-v8/api/card.md create mode 100644 versioned_docs/version-v8/api/checkbox.md create mode 100644 versioned_docs/version-v8/api/chip.md create mode 100644 versioned_docs/version-v8/api/col.md create mode 100644 versioned_docs/version-v8/api/content.md create mode 100644 versioned_docs/version-v8/api/datetime-button.md create mode 100644 versioned_docs/version-v8/api/datetime.md create mode 100644 versioned_docs/version-v8/api/fab-button.md create mode 100644 versioned_docs/version-v8/api/fab-list.md create mode 100644 versioned_docs/version-v8/api/fab.md create mode 100644 versioned_docs/version-v8/api/footer.md create mode 100644 versioned_docs/version-v8/api/grid.md create mode 100644 versioned_docs/version-v8/api/header.md create mode 100644 versioned_docs/version-v8/api/icon.md create mode 100644 versioned_docs/version-v8/api/img.md create mode 100644 versioned_docs/version-v8/api/infinite-scroll-content.md create mode 100644 versioned_docs/version-v8/api/infinite-scroll.md create mode 100644 versioned_docs/version-v8/api/input-otp.md create mode 100644 versioned_docs/version-v8/api/input-password-toggle.md create mode 100644 versioned_docs/version-v8/api/input.md create mode 100644 versioned_docs/version-v8/api/item-divider.md create mode 100644 versioned_docs/version-v8/api/item-group.md create mode 100644 versioned_docs/version-v8/api/item-option.md create mode 100644 versioned_docs/version-v8/api/item-options.md create mode 100644 versioned_docs/version-v8/api/item-sliding.md create mode 100644 versioned_docs/version-v8/api/item.md create mode 100644 versioned_docs/version-v8/api/label.md create mode 100644 versioned_docs/version-v8/api/list-header.md create mode 100644 versioned_docs/version-v8/api/list.md create mode 100644 versioned_docs/version-v8/api/loading.md create mode 100644 versioned_docs/version-v8/api/menu-button.md create mode 100644 versioned_docs/version-v8/api/menu-toggle.md create mode 100644 versioned_docs/version-v8/api/menu.md create mode 100644 versioned_docs/version-v8/api/modal.md create mode 100644 versioned_docs/version-v8/api/nav-link.md create mode 100644 versioned_docs/version-v8/api/nav.md create mode 100644 versioned_docs/version-v8/api/note.md create mode 100644 versioned_docs/version-v8/api/picker-column-option.md create mode 100644 versioned_docs/version-v8/api/picker-column.md create mode 100644 versioned_docs/version-v8/api/picker-legacy.md create mode 100644 versioned_docs/version-v8/api/picker.md create mode 100644 versioned_docs/version-v8/api/popover.md create mode 100644 versioned_docs/version-v8/api/progress-bar.md create mode 100644 versioned_docs/version-v8/api/radio-group.md create mode 100644 versioned_docs/version-v8/api/radio.md create mode 100644 versioned_docs/version-v8/api/range.md create mode 100644 versioned_docs/version-v8/api/refresher-content.md create mode 100644 versioned_docs/version-v8/api/refresher.md create mode 100644 versioned_docs/version-v8/api/reorder-group.md create mode 100644 versioned_docs/version-v8/api/reorder.md create mode 100644 versioned_docs/version-v8/api/ripple-effect.md create mode 100644 versioned_docs/version-v8/api/route-redirect.md create mode 100644 versioned_docs/version-v8/api/route.md create mode 100644 versioned_docs/version-v8/api/router-link.md create mode 100644 versioned_docs/version-v8/api/router-outlet.md create mode 100644 versioned_docs/version-v8/api/router.md create mode 100644 versioned_docs/version-v8/api/row.md create mode 100644 versioned_docs/version-v8/api/searchbar.md create mode 100644 versioned_docs/version-v8/api/segment-button.md create mode 100644 versioned_docs/version-v8/api/segment-content.md create mode 100644 versioned_docs/version-v8/api/segment-view.md create mode 100644 versioned_docs/version-v8/api/segment.md create mode 100644 versioned_docs/version-v8/api/select-option.md create mode 100644 versioned_docs/version-v8/api/select.md create mode 100644 versioned_docs/version-v8/api/skeleton-text.md create mode 100644 versioned_docs/version-v8/api/spinner.md create mode 100644 versioned_docs/version-v8/api/split-pane.md create mode 100644 versioned_docs/version-v8/api/tab-bar.md create mode 100644 versioned_docs/version-v8/api/tab-button.md create mode 100644 versioned_docs/version-v8/api/tab.md create mode 100644 versioned_docs/version-v8/api/tabs.md create mode 100644 versioned_docs/version-v8/api/text.md create mode 100644 versioned_docs/version-v8/api/textarea.md create mode 100644 versioned_docs/version-v8/api/thumbnail.md create mode 100644 versioned_docs/version-v8/api/title.md create mode 100644 versioned_docs/version-v8/api/toast.md create mode 100644 versioned_docs/version-v8/api/toggle.md create mode 100644 versioned_docs/version-v8/api/toolbar.md create mode 100644 versioned_docs/version-v8/cli.md create mode 100644 versioned_docs/version-v8/cli/commands/.gitignore create mode 100644 versioned_docs/version-v8/cli/configuration.md create mode 100644 versioned_docs/version-v8/cli/livereload.md create mode 100644 versioned_docs/version-v8/cli/using-a-proxy.md create mode 100644 versioned_docs/version-v8/components.md create mode 100644 versioned_docs/version-v8/contributing/coc.md create mode 100644 versioned_docs/version-v8/contributing/how-to-contribute.md create mode 100644 versioned_docs/version-v8/core-concepts/cross-platform.md create mode 100644 versioned_docs/version-v8/core-concepts/fundamentals.md create mode 100644 versioned_docs/version-v8/core-concepts/webview.md create mode 100644 versioned_docs/version-v8/core-concepts/what-are-progressive-web-apps.md create mode 100644 versioned_docs/version-v8/deployment/app-store.md create mode 100644 versioned_docs/version-v8/deployment/play-store.mdx create mode 100644 versioned_docs/version-v8/deployment/progressive-web-app.md create mode 100644 versioned_docs/version-v8/developer-resources/courses.md create mode 100644 versioned_docs/version-v8/developer-resources/guides.md create mode 100644 versioned_docs/version-v8/developer-resources/guides/first-app-v3/creating-photo-gallery-device-storage.md create mode 100644 versioned_docs/version-v8/developer-resources/guides/first-app-v3/intro.md create mode 100644 versioned_docs/version-v8/developer-resources/guides/first-app-v3/ios-android-camera.md create mode 100644 versioned_docs/version-v8/developer-resources/guides/first-app-v3/realtime-updates-ionic-deploy.md create mode 100644 versioned_docs/version-v8/developer-resources/guides/first-app-v3/theming.md create mode 100644 versioned_docs/version-v8/developer-resources/guides/first-app-v3/track-bugs-ionic-monitoring.md create mode 100644 versioned_docs/version-v8/developer-resources/guides/first-app-v4/creating-photo-gallery-device-storage.md create mode 100644 versioned_docs/version-v8/developer-resources/guides/first-app-v4/intro.md create mode 100644 versioned_docs/version-v8/developer-resources/guides/first-app-v4/ios-android-camera.md create mode 100644 versioned_docs/version-v8/developer-resources/guides/first-app-v4/theming.md create mode 100644 versioned_docs/version-v8/developer-resources/posts.md create mode 100644 versioned_docs/version-v8/developer-resources/tools.md create mode 100644 versioned_docs/version-v8/developer-resources/videos.md create mode 100644 versioned_docs/version-v8/developing/android.md create mode 100644 versioned_docs/version-v8/developing/config.md create mode 100644 versioned_docs/version-v8/developing/config/global/index.md create mode 100644 versioned_docs/version-v8/developing/config/per-component/index.md create mode 100644 versioned_docs/version-v8/developing/config/per-platform-fallback/index.md create mode 100644 versioned_docs/version-v8/developing/config/per-platform-overrides/index.md create mode 100644 versioned_docs/version-v8/developing/config/per-platform/index.md create mode 100644 versioned_docs/version-v8/developing/hardware-back-button.md create mode 100644 versioned_docs/version-v8/developing/ios.md create mode 100644 versioned_docs/version-v8/developing/keyboard.md create mode 100644 versioned_docs/version-v8/developing/managing-focus.md create mode 100644 versioned_docs/version-v8/developing/previewing.md create mode 100644 versioned_docs/version-v8/developing/scaffolding.md create mode 100644 versioned_docs/version-v8/developing/starting.md create mode 100644 versioned_docs/version-v8/developing/tips.md create mode 100644 versioned_docs/version-v8/index.md create mode 100644 versioned_docs/version-v8/intro/cdn.md create mode 100644 versioned_docs/version-v8/intro/cli.md create mode 100644 versioned_docs/version-v8/intro/environment.md create mode 100644 versioned_docs/version-v8/intro/first-app.md create mode 100644 versioned_docs/version-v8/intro/next.md create mode 100644 versioned_docs/version-v8/intro/vscode-extension.md create mode 100644 versioned_docs/version-v8/javascript/overview.md create mode 100644 versioned_docs/version-v8/javascript/quickstart.md create mode 100644 versioned_docs/version-v8/layout/css-utilities.md create mode 100644 versioned_docs/version-v8/layout/dynamic-font-scaling.md create mode 100644 versioned_docs/version-v8/layout/global-stylesheets.md create mode 100644 versioned_docs/version-v8/layout/structure.md create mode 100644 versioned_docs/version-v8/native-faq.md create mode 100644 versioned_docs/version-v8/native-setup.md create mode 100644 versioned_docs/version-v8/native.md create mode 100644 versioned_docs/version-v8/native/.gitignore create mode 100644 versioned_docs/version-v8/react/add-to-existing.md create mode 100644 versioned_docs/version-v8/react/lifecycle.md create mode 100644 versioned_docs/version-v8/react/navigation.md create mode 100644 versioned_docs/version-v8/react/overlays.md create mode 100644 versioned_docs/version-v8/react/overview.md create mode 100644 versioned_docs/version-v8/react/performance.md create mode 100644 versioned_docs/version-v8/react/platform.md create mode 100644 versioned_docs/version-v8/react/pwa.md create mode 100644 versioned_docs/version-v8/react/quickstart.md create mode 100644 versioned_docs/version-v8/react/slides.md create mode 100644 versioned_docs/version-v8/react/storage.md create mode 100644 versioned_docs/version-v8/react/testing/introduction.md create mode 100644 versioned_docs/version-v8/react/testing/unit-testing/best-practices.md create mode 100644 versioned_docs/version-v8/react/testing/unit-testing/examples.md create mode 100644 versioned_docs/version-v8/react/testing/unit-testing/setup.md create mode 100644 versioned_docs/version-v8/react/virtual-scroll.md create mode 100644 versioned_docs/version-v8/react/your-first-app.md create mode 100644 versioned_docs/version-v8/react/your-first-app/2-taking-photos.md create mode 100644 versioned_docs/version-v8/react/your-first-app/3-saving-photos.md create mode 100644 versioned_docs/version-v8/react/your-first-app/4-loading-photos.md create mode 100644 versioned_docs/version-v8/react/your-first-app/5-adding-mobile.md create mode 100644 versioned_docs/version-v8/react/your-first-app/6-deploying-mobile.md create mode 100644 versioned_docs/version-v8/react/your-first-app/7-live-reload.md create mode 100644 versioned_docs/version-v8/react/your-first-app/8-distribute.md create mode 100644 versioned_docs/version-v8/reference/browser-support.md create mode 100644 versioned_docs/version-v8/reference/glossary.md create mode 100644 versioned_docs/version-v8/reference/release-notes.md create mode 100644 versioned_docs/version-v8/reference/support.md create mode 100644 versioned_docs/version-v8/reference/versioning.md create mode 100644 versioned_docs/version-v8/techniques/security.md create mode 100644 versioned_docs/version-v8/test/page1.md create mode 100644 versioned_docs/version-v8/test/page2.md create mode 100644 versioned_docs/version-v8/theming/advanced.md create mode 100644 versioned_docs/version-v8/theming/basics.md create mode 100644 versioned_docs/version-v8/theming/color-generator.md create mode 100644 versioned_docs/version-v8/theming/colors.md create mode 100644 versioned_docs/version-v8/theming/css-shadow-parts.md create mode 100644 versioned_docs/version-v8/theming/css-variables.md create mode 100644 versioned_docs/version-v8/theming/dark-mode.md create mode 100644 versioned_docs/version-v8/theming/high-contrast-mode.md create mode 100644 versioned_docs/version-v8/theming/platform-styles.md create mode 100644 versioned_docs/version-v8/theming/themes.md create mode 100644 versioned_docs/version-v8/troubleshooting/build.md create mode 100644 versioned_docs/version-v8/troubleshooting/cors.md create mode 100644 versioned_docs/version-v8/troubleshooting/debugging.md create mode 100644 versioned_docs/version-v8/troubleshooting/native.md create mode 100644 versioned_docs/version-v8/troubleshooting/runtime.md create mode 100644 versioned_docs/version-v8/updating/4-0.md create mode 100644 versioned_docs/version-v8/updating/5-0.md create mode 100644 versioned_docs/version-v8/updating/6-0.md create mode 100644 versioned_docs/version-v8/updating/7-0.md create mode 100644 versioned_docs/version-v8/updating/8-0.md create mode 100644 versioned_docs/version-v8/utilities/animations.md create mode 100644 versioned_docs/version-v8/utilities/gestures.md create mode 100644 versioned_docs/version-v8/vue/add-to-existing.md create mode 100644 versioned_docs/version-v8/vue/build-options.md create mode 100644 versioned_docs/version-v8/vue/lifecycle.md create mode 100644 versioned_docs/version-v8/vue/navigation.md create mode 100644 versioned_docs/version-v8/vue/overview.md create mode 100644 versioned_docs/version-v8/vue/performance.md create mode 100644 versioned_docs/version-v8/vue/platform.md create mode 100644 versioned_docs/version-v8/vue/pwa.md create mode 100644 versioned_docs/version-v8/vue/quickstart.md create mode 100644 versioned_docs/version-v8/vue/slides.md create mode 100644 versioned_docs/version-v8/vue/storage.md create mode 100644 versioned_docs/version-v8/vue/troubleshooting.md create mode 100644 versioned_docs/version-v8/vue/utility-functions.md create mode 100644 versioned_docs/version-v8/vue/virtual-scroll.md create mode 100644 versioned_docs/version-v8/vue/your-first-app.md create mode 100644 versioned_docs/version-v8/vue/your-first-app/2-taking-photos.md create mode 100644 versioned_docs/version-v8/vue/your-first-app/3-saving-photos.md create mode 100644 versioned_docs/version-v8/vue/your-first-app/4-loading-photos.md create mode 100644 versioned_docs/version-v8/vue/your-first-app/5-adding-mobile.md create mode 100644 versioned_docs/version-v8/vue/your-first-app/6-deploying-mobile.md create mode 100644 versioned_docs/version-v8/vue/your-first-app/7-live-reload.md create mode 100644 versioned_docs/version-v8/vue/your-first-app/8-distribute.md create mode 100644 versioned_sidebars/version-v8-sidebars.json diff --git a/docs/api/accordion-group.md b/docs/api/accordion-group.md index 6fbaffbbefd..a8522925715 100644 --- a/docs/api/accordion-group.md +++ b/docs/api/accordion-group.md @@ -1,12 +1,12 @@ --- title: "ion-accordion-group" --- -import Props from '@ionic-internal/component-api/v8/accordion-group/props.md'; -import Events from '@ionic-internal/component-api/v8/accordion-group/events.md'; -import Methods from '@ionic-internal/component-api/v8/accordion-group/methods.md'; -import Parts from '@ionic-internal/component-api/v8/accordion-group/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/accordion-group/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/accordion-group/slots.md'; +import Props from '@ionic-internal/component-api/v9/accordion-group/props.md'; +import Events from '@ionic-internal/component-api/v9/accordion-group/events.md'; +import Methods from '@ionic-internal/component-api/v9/accordion-group/methods.md'; +import Parts from '@ionic-internal/component-api/v9/accordion-group/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/accordion-group/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/accordion-group/slots.md'; import EncapsulationPill from '@components/page/api/EncapsulationPill'; diff --git a/docs/api/accordion.md b/docs/api/accordion.md index 7e4d33f324d..62e1f4f796b 100644 --- a/docs/api/accordion.md +++ b/docs/api/accordion.md @@ -1,12 +1,12 @@ --- title: "ion-accordion" --- -import Props from '@ionic-internal/component-api/v8/accordion/props.md'; -import Events from '@ionic-internal/component-api/v8/accordion/events.md'; -import Methods from '@ionic-internal/component-api/v8/accordion/methods.md'; -import Parts from '@ionic-internal/component-api/v8/accordion/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/accordion/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/accordion/slots.md'; +import Props from '@ionic-internal/component-api/v9/accordion/props.md'; +import Events from '@ionic-internal/component-api/v9/accordion/events.md'; +import Methods from '@ionic-internal/component-api/v9/accordion/methods.md'; +import Parts from '@ionic-internal/component-api/v9/accordion/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/accordion/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/accordion/slots.md'; ion-accordion: Accordion Components: How to Build & Examples @@ -22,7 +22,7 @@ Accordions provide collapsible sections in your content to reduce vertical space ## Basic Usage -import Basic from '@site/static/usage/v8/accordion/basic/index.md'; +import Basic from '@site/static/usage/v9/accordion/basic/index.md'; @@ -30,7 +30,7 @@ import Basic from '@site/static/usage/v8/accordion/basic/index.md'; Which accordion is open is controlled by setting the `value` property on `ion-accordion-group`. Setting this property allows developers to programmatically expand or collapse certain accordions. -import Toggle from '@site/static/usage/v8/accordion/toggle/index.md'; +import Toggle from '@site/static/usage/v9/accordion/toggle/index.md'; @@ -44,7 +44,7 @@ When using other components that emit `ionChange` inside of Accordion it is reco Developers can listen for the `ionChange` event to be notified when accordions expand or collapse. -import ListenChanges from '@site/static/usage/v8/accordion/listen-changes/index.md'; +import ListenChanges from '@site/static/usage/v9/accordion/listen-changes/index.md'; @@ -52,7 +52,7 @@ import ListenChanges from '@site/static/usage/v8/accordion/listen-changes/index. Developers can allow multiple accordions to be open at once with the `multiple` property. -import Multiple from '@site/static/usage/v8/accordion/multiple/index.md'; +import Multiple from '@site/static/usage/v9/accordion/multiple/index.md'; @@ -62,7 +62,7 @@ import Multiple from '@site/static/usage/v8/accordion/multiple/index.md'; Individual accordions can be disabled with the `disabled` property on `ion-accordion`. -import DisableIndividual from '@site/static/usage/v8/accordion/disable/individual/index.md'; +import DisableIndividual from '@site/static/usage/v9/accordion/disable/individual/index.md'; @@ -70,7 +70,7 @@ import DisableIndividual from '@site/static/usage/v8/accordion/disable/individua The accordion group can be disabled with the `disabled` property on `ion-accordion-group`. -import DisableGroup from '@site/static/usage/v8/accordion/disable/group/index.md'; +import DisableGroup from '@site/static/usage/v9/accordion/disable/group/index.md'; @@ -80,7 +80,7 @@ import DisableGroup from '@site/static/usage/v8/accordion/disable/group/index.md Individual accordions can be disabled with the `readonly` property on `ion-accordion`. -import ReadonlyIndividual from '@site/static/usage/v8/accordion/readonly/individual/index.md'; +import ReadonlyIndividual from '@site/static/usage/v9/accordion/readonly/individual/index.md'; @@ -88,7 +88,7 @@ import ReadonlyIndividual from '@site/static/usage/v8/accordion/readonly/individ The accordion group can be disabled with the `readonly` property on `ion-accordion-group`. -import ReadonlyGroup from '@site/static/usage/v8/accordion/readonly/group/index.md'; +import ReadonlyGroup from '@site/static/usage/v9/accordion/readonly/group/index.md'; @@ -112,7 +112,7 @@ There are two built in expansion styles: `compact` and `inset`. This expansion s When `expand="inset"`, the accordion group is given a border radius. On `md` mode, the entire accordion will shift down when it is opened. -import ExpansionStyles from '@site/static/usage/v8/accordion/customization/expansion-styles/index.md'; +import ExpansionStyles from '@site/static/usage/v9/accordion/customization/expansion-styles/index.md'; @@ -136,7 +136,7 @@ ion-accordion.accordion-expanded ion-item[slot="header"] { } ``` -import AdvancedExpansionStyles from '@site/static/usage/v8/accordion/customization/advanced-expansion-styles/index.md'; +import AdvancedExpansionStyles from '@site/static/usage/v9/accordion/customization/advanced-expansion-styles/index.md'; @@ -148,7 +148,7 @@ If you would like to manage the icon yourself or use an icon that is not an `ion Regardless of which option you choose, the icon will automatically be rotated when you expand or collapse the accordion. -import Icons from '@site/static/usage/v8/accordion/customization/icons/index.md'; +import Icons from '@site/static/usage/v9/accordion/customization/icons/index.md'; @@ -156,7 +156,7 @@ import Icons from '@site/static/usage/v8/accordion/customization/icons/index.md' Since `ion-accordion` acts as a shell around the header and content elements, you can easily theme the accordion however you would like. You can theme the header by targeting the slotted `ion-item`. Since you are using `ion-item`, you also have access to all of the [ion-item CSS Variables](./item#css-custom-properties) and [ion-item Shadow Parts](./item#css-shadow-parts). Theming the content is also easily achieved by targeting the element that is in the `content` slot. -import Theming from '@site/static/usage/v8/accordion/customization/theming/index.md'; +import Theming from '@site/static/usage/v9/accordion/customization/theming/index.md'; @@ -166,7 +166,7 @@ import Theming from '@site/static/usage/v8/accordion/customization/theming/index By default, animations are enabled when expanding or collapsing an accordion item. Animations will be automatically disabled when the `prefers-reduced-motion` media query is supported and set to `reduce`. For browsers that do not support this, animations can be disabled by setting the `animated` config in your Ionic Framework app. -import AccessibilityAnimations from '@site/static/usage/v8/accordion/accessibility/animations/index.md'; +import AccessibilityAnimations from '@site/static/usage/v9/accordion/accessibility/animations/index.md'; diff --git a/docs/api/action-sheet.md b/docs/api/action-sheet.md index 1ff6ff2a26f..13eebe6934e 100644 --- a/docs/api/action-sheet.md +++ b/docs/api/action-sheet.md @@ -4,12 +4,12 @@ title: "ion-action-sheet" import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem'; -import Props from '@ionic-internal/component-api/v8/action-sheet/props.md'; -import Events from '@ionic-internal/component-api/v8/action-sheet/events.md'; -import Methods from '@ionic-internal/component-api/v8/action-sheet/methods.md'; -import Parts from '@ionic-internal/component-api/v8/action-sheet/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/action-sheet/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/action-sheet/slots.md'; +import Props from '@ionic-internal/component-api/v9/action-sheet/props.md'; +import Events from '@ionic-internal/component-api/v9/action-sheet/events.md'; +import Methods from '@ionic-internal/component-api/v9/action-sheet/methods.md'; +import Parts from '@ionic-internal/component-api/v9/action-sheet/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/action-sheet/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/action-sheet/slots.md'; ion-action-sheet: Action Sheet Dialog for iOS and Android @@ -27,7 +27,7 @@ An Action Sheet is a dialog that displays a set of options. It appears on top of `ion-action-sheet` can be used by writing the component directly in your template. This reduces the number of handlers you need to wire up in order to present the Action Sheet. -import Trigger from '@site/static/usage/v8/action-sheet/inline/trigger/index.md'; +import Trigger from '@site/static/usage/v9/action-sheet/inline/trigger/index.md'; @@ -37,7 +37,7 @@ The `isOpen` property on `ion-action-sheet` allows developers to control the pre `isOpen` uses a one-way data binding, meaning it will not automatically be set to `false` when the Action Sheet is dismissed. Developers should listen for the `ionActionSheetDidDismiss` or `didDismiss` event and set `isOpen` to `false`. The reason for this is it prevents the internals of `ion-action-sheet` from being tightly coupled with the state of the application. With a one way data binding, the Action Sheet only needs to concern itself with the boolean value that the reactive variable provides. With a two way data binding, the Action Sheet needs to concern itself with both the boolean value as well as the existence of the reactive variable itself. This can lead to non-deterministic behaviors and make applications harder to debug. -import IsOpen from '@site/static/usage/v8/action-sheet/inline/isOpen/index.md'; +import IsOpen from '@site/static/usage/v9/action-sheet/inline/isOpen/index.md'; @@ -45,7 +45,7 @@ import IsOpen from '@site/static/usage/v8/action-sheet/inline/isOpen/index.md'; The `actionSheetController` can be used in situations where more control is needed over when the Action Sheet is presented and dismissed. -import Controller from '@site/static/usage/v8/action-sheet/controller/index.md'; +import Controller from '@site/static/usage/v9/action-sheet/controller/index.md'; @@ -59,7 +59,7 @@ A button can also be passed data via the `data` property on `ActionSheetButton`. When the `didDismiss` event is fired, the `data` and `role` fields of the event detail can be used to gather information about how the Action Sheet was dismissed. -import RoleInfo from '@site/static/usage/v8/action-sheet/role-info-on-dismiss/index.md'; +import RoleInfo from '@site/static/usage/v9/action-sheet/role-info-on-dismiss/index.md'; @@ -83,7 +83,7 @@ We recommend passing a custom class to `cssClass` in the `create` method and usi } ``` -import Styling from '@site/static/usage/v8/action-sheet/theming/styling/index.md'; +import Styling from '@site/static/usage/v9/action-sheet/theming/styling/index.md'; @@ -91,7 +91,7 @@ import Styling from '@site/static/usage/v8/action-sheet/theming/styling/index.md Any of the defined [CSS Custom Properties](#css-custom-properties-1) can be used to style the Action Sheet without needing to target individual elements. -import CssCustomProperties from '@site/static/usage/v8/action-sheet/theming/css-properties/index.md'; +import CssCustomProperties from '@site/static/usage/v9/action-sheet/theming/css-properties/index.md'; diff --git a/docs/api/alert.md b/docs/api/alert.md index 2a2310fb3c2..ec64807640d 100644 --- a/docs/api/alert.md +++ b/docs/api/alert.md @@ -4,12 +4,12 @@ title: "ion-alert" import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem'; -import Props from '@ionic-internal/component-api/v8/alert/props.md'; -import Events from '@ionic-internal/component-api/v8/alert/events.md'; -import Methods from '@ionic-internal/component-api/v8/alert/methods.md'; -import Parts from '@ionic-internal/component-api/v8/alert/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/alert/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/alert/slots.md'; +import Props from '@ionic-internal/component-api/v9/alert/props.md'; +import Events from '@ionic-internal/component-api/v9/alert/events.md'; +import Methods from '@ionic-internal/component-api/v9/alert/methods.md'; +import Parts from '@ionic-internal/component-api/v9/alert/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/alert/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/alert/slots.md'; ion-alert: Ionic Alert Buttons with Custom Message Prompts @@ -26,7 +26,7 @@ An Alert is a dialog that presents users with information or collects informatio `ion-alert` can be used by writing the component directly in your template. This reduces the number of handlers you need to wire up in order to present the Alert. -import Trigger from '@site/static/usage/v8/alert/presenting/trigger/index.md'; +import Trigger from '@site/static/usage/v9/alert/presenting/trigger/index.md'; @@ -36,7 +36,7 @@ The `isOpen` property on `ion-alert` allows developers to control the presentati `isOpen` uses a one-way data binding, meaning it will not automatically be set to `false` when the Alert is dismissed. Developers should listen for the `ionAlertDidDismiss` or `didDismiss` event and set `isOpen` to `false`. The reason for this is it prevents the internals of `ion-alert` from being tightly coupled with the state of the application. With a one way data binding, the Alert only needs to concern itself with the boolean value that the reactive variable provides. With a two way data binding, the Alert needs to concern itself with both the boolean value as well as the existence of the reactive variable itself. This can lead to non-deterministic behaviors and make applications harder to debug. -import IsOpen from '@site/static/usage/v8/alert/presenting/isOpen/index.md'; +import IsOpen from '@site/static/usage/v9/alert/presenting/isOpen/index.md'; @@ -44,7 +44,7 @@ import IsOpen from '@site/static/usage/v8/alert/presenting/isOpen/index.md'; The `alertController` can be used in situations where more control is needed over when the Alert is presented and dismissed. -import Controller from '@site/static/usage/v8/alert/presenting/controller/index.md'; +import Controller from '@site/static/usage/v9/alert/presenting/controller/index.md'; @@ -54,7 +54,7 @@ In the array of `buttons`, each button includes properties for its `text`, and o Optionally, a `role` property can be added to a button, such as `cancel`. If a `cancel` role is on one of the buttons, then if the alert is dismissed by tapping the backdrop, then it will fire the handler from the button with a cancel role. -import Buttons from '@site/static/usage/v8/alert/buttons/index.md'; +import Buttons from '@site/static/usage/v9/alert/buttons/index.md'; @@ -65,13 +65,13 @@ Alerts can also include several different inputs whose data can be passed back t ### Text Inputs Example -import TextInputs from '@site/static/usage/v8/alert/inputs/text-inputs/index.md'; +import TextInputs from '@site/static/usage/v9/alert/inputs/text-inputs/index.md'; ### Radio Example -import Radios from '@site/static/usage/v8/alert/inputs/radios/index.md'; +import Radios from '@site/static/usage/v9/alert/inputs/radios/index.md'; @@ -101,7 +101,7 @@ Any of the defined [CSS Custom Properties](#css-custom-properties) can be used t } ``` -import Customization from '@site/static/usage/v8/alert/customization/index.md'; +import Customization from '@site/static/usage/v9/alert/customization/index.md'; diff --git a/docs/api/app.md b/docs/api/app.md index 5e20f74cd20..227ddfd8ad3 100644 --- a/docs/api/app.md +++ b/docs/api/app.md @@ -1,12 +1,12 @@ --- title: "ion-app" --- -import Props from '@ionic-internal/component-api/v8/app/props.md'; -import Events from '@ionic-internal/component-api/v8/app/events.md'; -import Methods from '@ionic-internal/component-api/v8/app/methods.md'; -import Parts from '@ionic-internal/component-api/v8/app/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/app/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/app/slots.md'; +import Props from '@ionic-internal/component-api/v9/app/props.md'; +import Events from '@ionic-internal/component-api/v9/app/events.md'; +import Methods from '@ionic-internal/component-api/v9/app/methods.md'; +import Parts from '@ionic-internal/component-api/v9/app/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/app/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/app/slots.md'; ion-app: Container Element for an Ionic Application @@ -30,7 +30,7 @@ Using `ion-app` enables the following behaviors: Ionic offers focus utilities for components with the `ion-focusable` class. These utilities automatically manage focus for components when certain keyboard keys, like Tab, are pressed. Components can also be programmatically focused in response to user actions using the `setFocus` method from `ion-app`. -import SetFocus from '@site/static/usage/v8/app/set-focus/index.md'; +import SetFocus from '@site/static/usage/v9/app/set-focus/index.md'; diff --git a/docs/api/avatar.md b/docs/api/avatar.md index ab9f52f3d93..2f25ffed025 100644 --- a/docs/api/avatar.md +++ b/docs/api/avatar.md @@ -2,12 +2,12 @@ title: "ion-avatar" --- -import Props from '@ionic-internal/component-api/v8/avatar/props.md'; -import Events from '@ionic-internal/component-api/v8/avatar/events.md'; -import Methods from '@ionic-internal/component-api/v8/avatar/methods.md'; -import Parts from '@ionic-internal/component-api/v8/avatar/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/avatar/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/avatar/slots.md'; +import Props from '@ionic-internal/component-api/v9/avatar/props.md'; +import Events from '@ionic-internal/component-api/v9/avatar/events.md'; +import Methods from '@ionic-internal/component-api/v9/avatar/methods.md'; +import Parts from '@ionic-internal/component-api/v9/avatar/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/avatar/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/avatar/slots.md'; ion-avatar: Circular Application Avatar Icon Component @@ -24,19 +24,19 @@ Avatars can be used by themselves or inside of any element. If placed inside of ## Basic Usage -import Basic from '@site/static/usage/v8/avatar/basic/index.md'; +import Basic from '@site/static/usage/v9/avatar/basic/index.md'; ## Chip Avatar -import Chip from '@site/static/usage/v8/avatar/chip/index.md'; +import Chip from '@site/static/usage/v9/avatar/chip/index.md'; ## Item Avatar -import Item from '@site/static/usage/v8/avatar/item/index.md'; +import Item from '@site/static/usage/v9/avatar/item/index.md'; @@ -44,7 +44,7 @@ import Item from '@site/static/usage/v8/avatar/item/index.md'; ### CSS Custom Properties -import CSSProps from '@site/static/usage/v8/avatar/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v9/avatar/theming/css-properties/index.md'; diff --git a/docs/api/back-button.md b/docs/api/back-button.md index 3491e7cc65e..3ff734ab837 100644 --- a/docs/api/back-button.md +++ b/docs/api/back-button.md @@ -1,12 +1,12 @@ --- title: "ion-back-button" --- -import Props from '@ionic-internal/component-api/v8/back-button/props.md'; -import Events from '@ionic-internal/component-api/v8/back-button/events.md'; -import Methods from '@ionic-internal/component-api/v8/back-button/methods.md'; -import Parts from '@ionic-internal/component-api/v8/back-button/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/back-button/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/back-button/slots.md'; +import Props from '@ionic-internal/component-api/v9/back-button/props.md'; +import Events from '@ionic-internal/component-api/v9/back-button/events.md'; +import Methods from '@ionic-internal/component-api/v9/back-button/methods.md'; +import Parts from '@ionic-internal/component-api/v9/back-button/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/back-button/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/back-button/slots.md'; ion-back-button: Custom Menu Back Button for Applications @@ -22,7 +22,7 @@ The back button navigates back in the app's history when clicked. It is only dis ## Basic Usage -import Basic from '@site/static/usage/v8/back-button/basic/index.md'; +import Basic from '@site/static/usage/v9/back-button/basic/index.md'; @@ -30,7 +30,7 @@ import Basic from '@site/static/usage/v8/back-button/basic/index.md'; By default, the back button will display the text `"Back"` with a `"chevron-back"` icon on `ios`, and an `"arrow-back-sharp"` icon on `md`. This can be customized per back button component by setting the `icon` or `text` properties. Alternatively, it can be set globally using the `backButtonIcon` or `backButtonText` properties in the global config. See the [Config docs](../developing/config) for more information. -import Custom from '@site/static/usage/v8/back-button/custom/index.md'; +import Custom from '@site/static/usage/v9/back-button/custom/index.md'; diff --git a/docs/api/backdrop.md b/docs/api/backdrop.md index 5d9ce676078..dffb3ce393d 100644 --- a/docs/api/backdrop.md +++ b/docs/api/backdrop.md @@ -1,12 +1,12 @@ --- title: "ion-backdrop" --- -import Props from '@ionic-internal/component-api/v8/backdrop/props.md'; -import Events from '@ionic-internal/component-api/v8/backdrop/events.md'; -import Methods from '@ionic-internal/component-api/v8/backdrop/methods.md'; -import Parts from '@ionic-internal/component-api/v8/backdrop/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/backdrop/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/backdrop/slots.md'; +import Props from '@ionic-internal/component-api/v9/backdrop/props.md'; +import Events from '@ionic-internal/component-api/v9/backdrop/events.md'; +import Methods from '@ionic-internal/component-api/v9/backdrop/methods.md'; +import Parts from '@ionic-internal/component-api/v9/backdrop/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/backdrop/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/backdrop/slots.md'; import EncapsulationPill from '@components/page/api/EncapsulationPill'; @@ -18,7 +18,7 @@ Backdrops are full screen components that overlay other components. They are use The backdrop prevents clicking or tapping on the content behind it. It is transparent by default, so the below demo includes CSS to make it visible. -import Basic from '@site/static/usage/v8/backdrop/basic/index.md'; +import Basic from '@site/static/usage/v9/backdrop/basic/index.md'; @@ -28,7 +28,7 @@ The backdrop can be customized by assigning CSS properties directly to the backd Content can be displayed above the backdrop by setting a `z-index` on the content, higher than the backdrop (defaults to `2`). -import Styling from '@site/static/usage/v8/backdrop/styling/index.md'; +import Styling from '@site/static/usage/v9/backdrop/styling/index.md'; diff --git a/docs/api/badge.md b/docs/api/badge.md index 6a4e6671919..62e1c5034d9 100644 --- a/docs/api/badge.md +++ b/docs/api/badge.md @@ -1,12 +1,12 @@ --- title: "ion-badge" --- -import Props from '@ionic-internal/component-api/v8/badge/props.md'; -import Events from '@ionic-internal/component-api/v8/badge/events.md'; -import Methods from '@ionic-internal/component-api/v8/badge/methods.md'; -import Parts from '@ionic-internal/component-api/v8/badge/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/badge/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/badge/slots.md'; +import Props from '@ionic-internal/component-api/v9/badge/props.md'; +import Events from '@ionic-internal/component-api/v9/badge/events.md'; +import Methods from '@ionic-internal/component-api/v9/badge/methods.md'; +import Parts from '@ionic-internal/component-api/v9/badge/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/badge/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/badge/slots.md'; ion-badge: iOS & Android App Notification Badge Icons @@ -21,7 +21,7 @@ Badges are inline block elements that usually appear near another element. Typic ## Basic Usage -import Basic from '@site/static/usage/v8/badge/basic/index.md'; +import Basic from '@site/static/usage/v9/badge/basic/index.md'; @@ -33,7 +33,7 @@ Badges can be added inside a tab button, often used to indicate notifications or Empty badges are only available for `md` mode. ::: -import InsideTabBar from '@site/static/usage/v8/badge/inside-tab-bar/index.md'; +import InsideTabBar from '@site/static/usage/v9/badge/inside-tab-bar/index.md'; @@ -41,13 +41,13 @@ import InsideTabBar from '@site/static/usage/v8/badge/inside-tab-bar/index.md'; ### Colors -import Colors from '@site/static/usage/v8/badge/theming/colors/index.md'; +import Colors from '@site/static/usage/v9/badge/theming/colors/index.md'; ### CSS Properties -import CSSProps from '@site/static/usage/v8/badge/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v9/badge/theming/css-properties/index.md'; diff --git a/docs/api/breadcrumb.md b/docs/api/breadcrumb.md index 0866779da61..86e15b42891 100644 --- a/docs/api/breadcrumb.md +++ b/docs/api/breadcrumb.md @@ -1,12 +1,12 @@ --- title: "ion-breadcrumb" --- -import Props from '@ionic-internal/component-api/v8/breadcrumb/props.md'; -import Events from '@ionic-internal/component-api/v8/breadcrumb/events.md'; -import Methods from '@ionic-internal/component-api/v8/breadcrumb/methods.md'; -import Parts from '@ionic-internal/component-api/v8/breadcrumb/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/breadcrumb/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/breadcrumb/slots.md'; +import Props from '@ionic-internal/component-api/v9/breadcrumb/props.md'; +import Events from '@ionic-internal/component-api/v9/breadcrumb/events.md'; +import Methods from '@ionic-internal/component-api/v9/breadcrumb/methods.md'; +import Parts from '@ionic-internal/component-api/v9/breadcrumb/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/breadcrumb/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/breadcrumb/slots.md'; import EncapsulationPill from '@components/page/api/EncapsulationPill'; diff --git a/docs/api/breadcrumbs.md b/docs/api/breadcrumbs.md index da1c92e04fe..313de4f38aa 100644 --- a/docs/api/breadcrumbs.md +++ b/docs/api/breadcrumbs.md @@ -1,12 +1,12 @@ --- title: "ion-breadcrumbs" --- -import Props from '@ionic-internal/component-api/v8/breadcrumbs/props.md'; -import Events from '@ionic-internal/component-api/v8/breadcrumbs/events.md'; -import Methods from '@ionic-internal/component-api/v8/breadcrumbs/methods.md'; -import Parts from '@ionic-internal/component-api/v8/breadcrumbs/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/breadcrumbs/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/breadcrumbs/slots.md'; +import Props from '@ionic-internal/component-api/v9/breadcrumbs/props.md'; +import Events from '@ionic-internal/component-api/v9/breadcrumbs/events.md'; +import Methods from '@ionic-internal/component-api/v9/breadcrumbs/methods.md'; +import Parts from '@ionic-internal/component-api/v9/breadcrumbs/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/breadcrumbs/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/breadcrumbs/slots.md'; @@ -18,7 +18,7 @@ Breadcrumbs are navigation items that are used to indicate where a user is on an ## Basic Usage -import Basic from '@site/static/usage/v8/breadcrumbs/basic/index.md'; +import Basic from '@site/static/usage/v9/breadcrumbs/basic/index.md'; @@ -26,13 +26,13 @@ import Basic from '@site/static/usage/v8/breadcrumbs/basic/index.md'; ### Icons on Items -import IconsOnItems from '@site/static/usage/v8/breadcrumbs/icons/icons-on-items/index.md'; +import IconsOnItems from '@site/static/usage/v9/breadcrumbs/icons/icons-on-items/index.md'; ### Custom Separators -import CustomSeparators from '@site/static/usage/v8/breadcrumbs/icons/custom-separators/index.md'; +import CustomSeparators from '@site/static/usage/v9/breadcrumbs/icons/custom-separators/index.md'; @@ -42,7 +42,7 @@ import CustomSeparators from '@site/static/usage/v8/breadcrumbs/icons/custom-sep If there are more items than the value of `maxItems`, the breadcrumbs will be collapsed. By default, only the first and last items will be shown. -import MaxItems from '@site/static/usage/v8/breadcrumbs/collapsing-items/max-items/index.md'; +import MaxItems from '@site/static/usage/v9/breadcrumbs/collapsing-items/max-items/index.md'; @@ -50,7 +50,7 @@ import MaxItems from '@site/static/usage/v8/breadcrumbs/collapsing-items/max-ite Once the items are collapsed, the number of items to show can be controlled by the `itemsBeforeCollapse` and `itemsAfterCollapse` properties. -import ItemsBeforeAfter from '@site/static/usage/v8/breadcrumbs/collapsing-items/items-before-after/index.md'; +import ItemsBeforeAfter from '@site/static/usage/v9/breadcrumbs/collapsing-items/items-before-after/index.md'; @@ -58,7 +58,7 @@ import ItemsBeforeAfter from '@site/static/usage/v8/breadcrumbs/collapsing-items Clicking the collapsed indicator will fire the `ionCollapsedClick` event. This can be used to, for example, expand the breadcrumbs. -import ExpandOnClick from '@site/static/usage/v8/breadcrumbs/collapsing-items/expand-on-click/index.md'; +import ExpandOnClick from '@site/static/usage/v9/breadcrumbs/collapsing-items/expand-on-click/index.md'; @@ -66,7 +66,7 @@ import ExpandOnClick from '@site/static/usage/v8/breadcrumbs/collapsing-items/ex The `ionCollapsedClick` event can also be used to present an overlay (in this case, an `ion-popover`) showing the hidden breadcrumbs. -import PopoverOnClick from '@site/static/usage/v8/breadcrumbs/collapsing-items/popover-on-click/index.md'; +import PopoverOnClick from '@site/static/usage/v9/breadcrumbs/collapsing-items/popover-on-click/index.md'; @@ -74,13 +74,13 @@ import PopoverOnClick from '@site/static/usage/v8/breadcrumbs/collapsing-items/p ### Colors -import Colors from '@site/static/usage/v8/breadcrumbs/theming/colors/index.md'; +import Colors from '@site/static/usage/v9/breadcrumbs/theming/colors/index.md'; ### CSS Custom Properties -import CSSProps from '@site/static/usage/v8/breadcrumbs/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v9/breadcrumbs/theming/css-properties/index.md'; diff --git a/docs/api/button.md b/docs/api/button.md index bd0e00afb37..cd960a1788d 100644 --- a/docs/api/button.md +++ b/docs/api/button.md @@ -1,12 +1,12 @@ --- title: "ion-button" --- -import Props from '@ionic-internal/component-api/v8/button/props.md'; -import Events from '@ionic-internal/component-api/v8/button/events.md'; -import Methods from '@ionic-internal/component-api/v8/button/methods.md'; -import Parts from '@ionic-internal/component-api/v8/button/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/button/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/button/slots.md'; +import Props from '@ionic-internal/component-api/v9/button/props.md'; +import Events from '@ionic-internal/component-api/v9/button/events.md'; +import Methods from '@ionic-internal/component-api/v9/button/methods.md'; +import Parts from '@ionic-internal/component-api/v9/button/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/button/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/button/slots.md'; ion-button: Style Buttons with Custom CSS Properties @@ -21,7 +21,7 @@ Buttons provide a clickable element, which can be used in forms, or anywhere tha ## Basic Usage -import Basic from '@site/static/usage/v8/button/basic/index.md'; +import Basic from '@site/static/usage/v9/button/basic/index.md'; @@ -29,7 +29,7 @@ import Basic from '@site/static/usage/v8/button/basic/index.md'; This property lets you specify how wide the button should be. By default, buttons have `display: inline-block`, but setting this property will change the button to a full-width element with `display: block`. -import Expand from '@site/static/usage/v8/button/expand/index.md'; +import Expand from '@site/static/usage/v9/button/expand/index.md'; @@ -37,7 +37,7 @@ import Expand from '@site/static/usage/v8/button/expand/index.md'; This property lets you specify the shape of the button. By default, buttons are rectangular with a small border radius, but setting this to `"round"` will change the button to a rounded element. -import Shape from '@site/static/usage/v8/button/shape/index.md'; +import Shape from '@site/static/usage/v9/button/shape/index.md'; @@ -46,7 +46,7 @@ import Shape from '@site/static/usage/v8/button/shape/index.md'; This property determines the background and border color of the button. By default, buttons have a solid background unless the button is inside of a toolbar, in which case it has a transparent background. -import Fill from '@site/static/usage/v8/button/fill/index.md'; +import Fill from '@site/static/usage/v9/button/fill/index.md'; @@ -54,13 +54,13 @@ import Fill from '@site/static/usage/v8/button/fill/index.md'; This property specifies the size of the button. Setting this property will change the height and padding of a button. -import Size from '@site/static/usage/v8/button/size/index.md'; +import Size from '@site/static/usage/v9/button/size/index.md'; ## Icons -import Icons from '@site/static/usage/v8/button/icons/index.md'; +import Icons from '@site/static/usage/v9/button/icons/index.md'; @@ -68,13 +68,13 @@ import Icons from '@site/static/usage/v8/button/icons/index.md'; ### Colors -import Colors from '@site/static/usage/v8/button/theming/colors/index.md'; +import Colors from '@site/static/usage/v9/button/theming/colors/index.md'; ### CSS Custom Properties -import CSSProps from '@site/static/usage/v8/button/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v9/button/theming/css-properties/index.md'; @@ -92,7 +92,7 @@ The button text does not automatically wrap to the next line when the text is to The `max-width` style is set on the button below for demo purposes only. Text wrapping will work with a dynamic button width. ::: -import TextWrapping from '@site/static/usage/v8/button/text-wrapping/index.md'; +import TextWrapping from '@site/static/usage/v9/button/text-wrapping/index.md'; diff --git a/docs/api/buttons.md b/docs/api/buttons.md index eaade91073c..5c725a91f73 100644 --- a/docs/api/buttons.md +++ b/docs/api/buttons.md @@ -1,12 +1,12 @@ --- title: "ion-buttons" --- -import Props from '@ionic-internal/component-api/v8/buttons/props.md'; -import Events from '@ionic-internal/component-api/v8/buttons/events.md'; -import Methods from '@ionic-internal/component-api/v8/buttons/methods.md'; -import Parts from '@ionic-internal/component-api/v8/buttons/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/buttons/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/buttons/slots.md'; +import Props from '@ionic-internal/component-api/v9/buttons/props.md'; +import Events from '@ionic-internal/component-api/v9/buttons/events.md'; +import Methods from '@ionic-internal/component-api/v9/buttons/methods.md'; +import Parts from '@ionic-internal/component-api/v9/buttons/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/buttons/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/buttons/slots.md'; ion-buttons: Toolbar Element with Named Slots for Buttons @@ -22,7 +22,7 @@ The Buttons component is a container element. It should be used inside of a [too ## Basic Usage -import Basic from '@site/static/usage/v8/buttons/basic/index.md'; +import Basic from '@site/static/usage/v9/buttons/basic/index.md'; @@ -38,7 +38,7 @@ Buttons can be positioned inside of the toolbar using a named slot. The below ch | `secondary` | Positions element to the `left` of the content in `ios` mode, and directly to the `right` in `md` mode. | | `primary` | Positions element to the `right` of the content in `ios` mode, and to the far `right` in `md` mode. | -import Placement from '@site/static/usage/v8/buttons/placement/index.md'; +import Placement from '@site/static/usage/v9/buttons/placement/index.md'; @@ -47,7 +47,7 @@ import Placement from '@site/static/usage/v8/buttons/placement/index.md'; A button in a toolbar is styled to be clear by default, but this can be changed using the [`fill`](./button#fill) property on the button. The properties included on [back button](./back-button) and [menu button](./menu-button) in this example are for display purposes; see their respective documentation for proper usage. -import Types from '@site/static/usage/v8/buttons/types/index.md'; +import Types from '@site/static/usage/v9/buttons/types/index.md'; @@ -63,7 +63,7 @@ This feature is only available for iOS. ::: -import CollapsibleLargeTitleButtons from '@site/static/usage/v8/title/collapsible-large-title/buttons/index.md'; +import CollapsibleLargeTitleButtons from '@site/static/usage/v9/title/collapsible-large-title/buttons/index.md'; diff --git a/docs/api/card-content.md b/docs/api/card-content.md index 1e5edada47b..b0c314b8be8 100644 --- a/docs/api/card-content.md +++ b/docs/api/card-content.md @@ -1,12 +1,12 @@ --- title: "ion-card-content" --- -import Props from '@ionic-internal/component-api/v8/card-content/props.md'; -import Events from '@ionic-internal/component-api/v8/card-content/events.md'; -import Methods from '@ionic-internal/component-api/v8/card-content/methods.md'; -import Parts from '@ionic-internal/component-api/v8/card-content/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/card-content/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/card-content/slots.md'; +import Props from '@ionic-internal/component-api/v9/card-content/props.md'; +import Events from '@ionic-internal/component-api/v9/card-content/events.md'; +import Methods from '@ionic-internal/component-api/v9/card-content/methods.md'; +import Parts from '@ionic-internal/component-api/v9/card-content/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/card-content/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/card-content/slots.md'; import EncapsulationPill from '@components/page/api/EncapsulationPill'; diff --git a/docs/api/card-header.md b/docs/api/card-header.md index 3e00688e07b..1a6f0b9b0c9 100644 --- a/docs/api/card-header.md +++ b/docs/api/card-header.md @@ -1,12 +1,12 @@ --- title: "ion-card-header" --- -import Props from '@ionic-internal/component-api/v8/card-header/props.md'; -import Events from '@ionic-internal/component-api/v8/card-header/events.md'; -import Methods from '@ionic-internal/component-api/v8/card-header/methods.md'; -import Parts from '@ionic-internal/component-api/v8/card-header/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/card-header/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/card-header/slots.md'; +import Props from '@ionic-internal/component-api/v9/card-header/props.md'; +import Events from '@ionic-internal/component-api/v9/card-header/events.md'; +import Methods from '@ionic-internal/component-api/v9/card-header/methods.md'; +import Parts from '@ionic-internal/component-api/v9/card-header/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/card-header/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/card-header/slots.md'; import EncapsulationPill from '@components/page/api/EncapsulationPill'; diff --git a/docs/api/card-subtitle.md b/docs/api/card-subtitle.md index 1fece927bfe..6854c06d1f3 100644 --- a/docs/api/card-subtitle.md +++ b/docs/api/card-subtitle.md @@ -1,12 +1,12 @@ --- title: "ion-card-subtitle" --- -import Props from '@ionic-internal/component-api/v8/card-subtitle/props.md'; -import Events from '@ionic-internal/component-api/v8/card-subtitle/events.md'; -import Methods from '@ionic-internal/component-api/v8/card-subtitle/methods.md'; -import Parts from '@ionic-internal/component-api/v8/card-subtitle/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/card-subtitle/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/card-subtitle/slots.md'; +import Props from '@ionic-internal/component-api/v9/card-subtitle/props.md'; +import Events from '@ionic-internal/component-api/v9/card-subtitle/events.md'; +import Methods from '@ionic-internal/component-api/v9/card-subtitle/methods.md'; +import Parts from '@ionic-internal/component-api/v9/card-subtitle/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/card-subtitle/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/card-subtitle/slots.md'; import EncapsulationPill from '@components/page/api/EncapsulationPill'; diff --git a/docs/api/card-title.md b/docs/api/card-title.md index 956a2490007..eea4fe49b40 100644 --- a/docs/api/card-title.md +++ b/docs/api/card-title.md @@ -1,12 +1,12 @@ --- title: "ion-card-title" --- -import Props from '@ionic-internal/component-api/v8/card-title/props.md'; -import Events from '@ionic-internal/component-api/v8/card-title/events.md'; -import Methods from '@ionic-internal/component-api/v8/card-title/methods.md'; -import Parts from '@ionic-internal/component-api/v8/card-title/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/card-title/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/card-title/slots.md'; +import Props from '@ionic-internal/component-api/v9/card-title/props.md'; +import Events from '@ionic-internal/component-api/v9/card-title/events.md'; +import Methods from '@ionic-internal/component-api/v9/card-title/methods.md'; +import Parts from '@ionic-internal/component-api/v9/card-title/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/card-title/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/card-title/slots.md'; import EncapsulationPill from '@components/page/api/EncapsulationPill'; diff --git a/docs/api/card.md b/docs/api/card.md index ab8189925c8..0d1c1785f93 100644 --- a/docs/api/card.md +++ b/docs/api/card.md @@ -1,12 +1,12 @@ --- title: "ion-card" --- -import Props from '@ionic-internal/component-api/v8/card/props.md'; -import Events from '@ionic-internal/component-api/v8/card/events.md'; -import Methods from '@ionic-internal/component-api/v8/card/methods.md'; -import Parts from '@ionic-internal/component-api/v8/card/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/card/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/card/slots.md'; +import Props from '@ionic-internal/component-api/v9/card/props.md'; +import Events from '@ionic-internal/component-api/v9/card/events.md'; +import Methods from '@ionic-internal/component-api/v9/card/methods.md'; +import Parts from '@ionic-internal/component-api/v9/card/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/card/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/card/slots.md'; import EncapsulationPill from '@components/page/api/EncapsulationPill'; @@ -27,28 +27,28 @@ and [card content](./card-content). ## Basic Usage -import Basic from '@site/static/usage/v8/card/basic/index.md'; +import Basic from '@site/static/usage/v9/card/basic/index.md'; ## Media Cards -import Media from '@site/static/usage/v8/card/media/index.md'; +import Media from '@site/static/usage/v9/card/media/index.md'; ## Card Buttons -import Buttons from '@site/static/usage/v8/card/buttons/index.md'; +import Buttons from '@site/static/usage/v9/card/buttons/index.md'; ## List Card -import List from '@site/static/usage/v8/card/list/index.md'; +import List from '@site/static/usage/v9/card/list/index.md'; @@ -57,13 +57,13 @@ import List from '@site/static/usage/v8/card/list/index.md'; ### Colors -import Colors from '@site/static/usage/v8/card/theming/colors/index.md'; +import Colors from '@site/static/usage/v9/card/theming/colors/index.md'; ### CSS Custom Properties -import CSSProps from '@site/static/usage/v8/card/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v9/card/theming/css-properties/index.md'; diff --git a/docs/api/checkbox.md b/docs/api/checkbox.md index ddc9331f50e..5b712b5ac9b 100644 --- a/docs/api/checkbox.md +++ b/docs/api/checkbox.md @@ -2,12 +2,12 @@ title: "ion-checkbox" --- -import Props from '@ionic-internal/component-api/v8/checkbox/props.md'; -import Events from '@ionic-internal/component-api/v8/checkbox/events.md'; -import Methods from '@ionic-internal/component-api/v8/checkbox/methods.md'; -import Parts from '@ionic-internal/component-api/v8/checkbox/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/checkbox/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/checkbox/slots.md'; +import Props from '@ionic-internal/component-api/v9/checkbox/props.md'; +import Events from '@ionic-internal/component-api/v9/checkbox/events.md'; +import Methods from '@ionic-internal/component-api/v9/checkbox/methods.md'; +import Parts from '@ionic-internal/component-api/v9/checkbox/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/checkbox/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/checkbox/slots.md'; ion-checkbox: Ionic App Checkbox to Select Multiple Options @@ -23,7 +23,7 @@ Checkboxes allow the selection of multiple options from a set of options. They a ## Basic Usage -import Basic from '@site/static/usage/v8/checkbox/basic/index.md'; +import Basic from '@site/static/usage/v9/checkbox/basic/index.md'; @@ -31,7 +31,7 @@ import Basic from '@site/static/usage/v8/checkbox/basic/index.md'; Developers can use the `labelPlacement` property to control how the label is placed relative to the control. This property mirrors the flexbox `flex-direction` property. -import LabelPlacement from '@site/static/usage/v8/checkbox/label-placement/index.md'; +import LabelPlacement from '@site/static/usage/v9/checkbox/label-placement/index.md'; @@ -43,7 +43,7 @@ Developers can use the `alignment` property to control how the label and control Stacked checkboxes can be aligned using the `alignment` property. This can be useful when the label and control need to be centered horizontally. ::: -import Alignment from '@site/static/usage/v8/checkbox/alignment/index.md'; +import Alignment from '@site/static/usage/v9/checkbox/alignment/index.md'; @@ -51,7 +51,7 @@ import Alignment from '@site/static/usage/v8/checkbox/alignment/index.md'; Developers can use the `justify` property to control how the label and control are packed on a line. This property mirrors the flexbox `justify-content` property. -import Justify from '@site/static/usage/v8/checkbox/justify/index.md'; +import Justify from '@site/static/usage/v9/checkbox/justify/index.md'; @@ -62,7 +62,7 @@ import Justify from '@site/static/usage/v8/checkbox/justify/index.md'; ## Indeterminate Checkboxes -import Indeterminate from '@site/static/usage/v8/checkbox/indeterminate/index.md'; +import Indeterminate from '@site/static/usage/v9/checkbox/indeterminate/index.md'; @@ -70,7 +70,7 @@ import Indeterminate from '@site/static/usage/v8/checkbox/indeterminate/index.md Checkbox labels can sometimes be accompanied with links. These links can provide more information related to the checkbox. However, clicking the link should not check the checkbox. To achieve this, we can use [stopPropagation](https://developer.mozilla.org/en-US/docs/Web/API/Event/stopPropagation) to prevent the click event from bubbling. When using this approach, the rest of the label still remains clickable. -import LabelLink from '@site/static/usage/v8/checkbox/label-link/index.md'; +import LabelLink from '@site/static/usage/v9/checkbox/label-link/index.md'; @@ -80,7 +80,7 @@ Helper and error text can be used inside of a checkbox with the `helperText` and In Angular, this is done automatically through form validation. In JavaScript, React and Vue, the class needs to be manually added based on your own validation. -import HelperError from '@site/static/usage/v8/checkbox/helper-error/index.md'; +import HelperError from '@site/static/usage/v9/checkbox/helper-error/index.md'; @@ -88,7 +88,7 @@ import HelperError from '@site/static/usage/v8/checkbox/helper-error/index.md'; ### CSS Custom Properties -import CSSProps from '@site/static/usage/v8/checkbox/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v9/checkbox/theming/css-properties/index.md'; diff --git a/docs/api/chip.md b/docs/api/chip.md index 3dfcbc3c540..88911a49893 100644 --- a/docs/api/chip.md +++ b/docs/api/chip.md @@ -1,12 +1,12 @@ --- title: "ion-chip" --- -import Props from '@ionic-internal/component-api/v8/chip/props.md'; -import Events from '@ionic-internal/component-api/v8/chip/events.md'; -import Methods from '@ionic-internal/component-api/v8/chip/methods.md'; -import Parts from '@ionic-internal/component-api/v8/chip/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/chip/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/chip/slots.md'; +import Props from '@ionic-internal/component-api/v9/chip/props.md'; +import Events from '@ionic-internal/component-api/v9/chip/events.md'; +import Methods from '@ionic-internal/component-api/v9/chip/methods.md'; +import Parts from '@ionic-internal/component-api/v9/chip/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/chip/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/chip/slots.md'; ion-chip: Text, Icon and Avatar for Ionic Framework Apps @@ -21,13 +21,13 @@ Chips represent complex entities in small blocks, such as a contact. A chip can ## Basic Usage -import Basic from '@site/static/usage/v8/chip/basic/index.md'; +import Basic from '@site/static/usage/v9/chip/basic/index.md'; ## Slotting Components and Icons -import SlotExample from '@site/static/usage/v8/chip/slots/index.md'; +import SlotExample from '@site/static/usage/v9/chip/slots/index.md'; @@ -35,13 +35,13 @@ import SlotExample from '@site/static/usage/v8/chip/slots/index.md'; ### Colors -import Colors from '@site/static/usage/v8/chip/theming/colors/index.md'; +import Colors from '@site/static/usage/v9/chip/theming/colors/index.md'; ### CSS Custom Properties -import CSSProps from '@site/static/usage/v8/chip/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v9/chip/theming/css-properties/index.md'; diff --git a/docs/api/col.md b/docs/api/col.md index d1254d28321..35401bd93b9 100644 --- a/docs/api/col.md +++ b/docs/api/col.md @@ -1,12 +1,12 @@ --- title: "ion-col" --- -import Props from '@ionic-internal/component-api/v8/col/props.md'; -import Events from '@ionic-internal/component-api/v8/col/events.md'; -import Methods from '@ionic-internal/component-api/v8/col/methods.md'; -import Parts from '@ionic-internal/component-api/v8/col/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/col/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/col/slots.md'; +import Props from '@ionic-internal/component-api/v9/col/props.md'; +import Events from '@ionic-internal/component-api/v9/col/events.md'; +import Methods from '@ionic-internal/component-api/v9/col/methods.md'; +import Parts from '@ionic-internal/component-api/v9/col/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/col/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/col/slots.md'; ion-col: Column Component Padding and Other Properties diff --git a/docs/api/content.md b/docs/api/content.md index c6b8ca6f290..43ad7e4bc61 100644 --- a/docs/api/content.md +++ b/docs/api/content.md @@ -1,12 +1,12 @@ --- title: "ion-content" --- -import Props from '@ionic-internal/component-api/v8/content/props.md'; -import Events from '@ionic-internal/component-api/v8/content/events.md'; -import Methods from '@ionic-internal/component-api/v8/content/methods.md'; -import Parts from '@ionic-internal/component-api/v8/content/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/content/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/content/slots.md'; +import Props from '@ionic-internal/component-api/v9/content/props.md'; +import Events from '@ionic-internal/component-api/v9/content/events.md'; +import Methods from '@ionic-internal/component-api/v9/content/methods.md'; +import Parts from '@ionic-internal/component-api/v9/content/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/content/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/content/slots.md'; ion-content: Scrollable Component for Ionic App Content @@ -27,7 +27,7 @@ Content, along with many other Ionic components, can be customized to modify its ## Basic Usage -import Basic from '@site/static/usage/v8/content/basic/index.md'; +import Basic from '@site/static/usage/v9/content/basic/index.md'; @@ -36,7 +36,7 @@ import Basic from '@site/static/usage/v8/content/basic/index.md'; Content can be the only top-level component in a page, or it can be used alongside a [header](./header), [footer](./footer), or both. When used with a header or footer, it will adjust its size to fill the remaining height. -import HeaderFooter from '@site/static/usage/v8/content/header-footer/index.md'; +import HeaderFooter from '@site/static/usage/v9/content/header-footer/index.md'; @@ -45,7 +45,7 @@ import HeaderFooter from '@site/static/usage/v8/content/header-footer/index.md'; By default, content fills the space between a [header](./header) and [footer](./footer) but does not go behind them. In certain cases, it may be desired to have the content scroll behind the header and footer, such as when the `translucent` property is set on either of them, or `opacity` is set on the toolbar. This can be achieved by setting the `fullscreen` property on the content to `true`. -import Fullscreen from '@site/static/usage/v8/content/fullscreen/index.md'; +import Fullscreen from '@site/static/usage/v9/content/fullscreen/index.md'; @@ -56,7 +56,7 @@ To place elements outside of the scrollable area, assign them to the `fixed` slo The `fixedSlotPlacement` property is used to determine if content in the `fixed` slot is placed before or after the main content in the DOM. When set to `before`, fixed slot content will be placed before the main content and will therefore receive keyboard focus before the main content receives keyboard focus. This can be useful when the main content contains an infinitely-scrolling list, preventing a [FAB](./fab) or other fixed content from being reachable by pressing the tab key. -import Fixed from '@site/static/usage/v8/content/fixed/index.md'; +import Fixed from '@site/static/usage/v9/content/fixed/index.md'; @@ -64,7 +64,7 @@ import Fixed from '@site/static/usage/v8/content/fixed/index.md'; Content provides [methods](#methods) that can be called to scroll the content to the bottom, top, or to a specific point. They can be passed a `duration` in order to smoothly transition instead of instantly changing the position. -import ScrollMethods from '@site/static/usage/v8/content/scroll-methods/index.md'; +import ScrollMethods from '@site/static/usage/v9/content/scroll-methods/index.md'; @@ -72,7 +72,7 @@ import ScrollMethods from '@site/static/usage/v8/content/scroll-methods/index.md Scroll events are disabled by default for content due to performance. However, they can be enabled by setting `scrollEvents` to `true`. This is necessary before listening to any of the scroll [events](#events). -import ScrollEvents from '@site/static/usage/v8/content/scroll-events/index.md'; +import ScrollEvents from '@site/static/usage/v9/content/scroll-events/index.md'; @@ -81,19 +81,19 @@ import ScrollEvents from '@site/static/usage/v8/content/scroll-events/index.md'; ### Colors -import Colors from '@site/static/usage/v8/content/theming/colors/index.md'; +import Colors from '@site/static/usage/v9/content/theming/colors/index.md'; ### CSS Shadow Parts -import CSSParts from '@site/static/usage/v8/content/theming/css-shadow-parts/index.md'; +import CSSParts from '@site/static/usage/v9/content/theming/css-shadow-parts/index.md'; ### CSS Custom Properties -import CSSProps from '@site/static/usage/v8/content/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v9/content/theming/css-properties/index.md'; @@ -117,7 +117,7 @@ ion-content::part(scroll) { } ``` -import SafeArea from '@site/static/usage/v8/content/theming/safe-area/index.md'; +import SafeArea from '@site/static/usage/v9/content/theming/safe-area/index.md'; diff --git a/docs/api/datetime-button.md b/docs/api/datetime-button.md index 1fbd19c7187..69514649056 100644 --- a/docs/api/datetime-button.md +++ b/docs/api/datetime-button.md @@ -1,12 +1,12 @@ --- title: "ion-datetime-button" --- -import Props from '@ionic-internal/component-api/v8/datetime-button/props.md'; -import Events from '@ionic-internal/component-api/v8/datetime-button/events.md'; -import Methods from '@ionic-internal/component-api/v8/datetime-button/methods.md'; -import Parts from '@ionic-internal/component-api/v8/datetime-button/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/datetime-button/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/datetime-button/slots.md'; +import Props from '@ionic-internal/component-api/v9/datetime-button/props.md'; +import Events from '@ionic-internal/component-api/v9/datetime-button/events.md'; +import Methods from '@ionic-internal/component-api/v9/datetime-button/methods.md'; +import Parts from '@ionic-internal/component-api/v9/datetime-button/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/datetime-button/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/datetime-button/slots.md'; ion-datetime-button: Ionic Input for Datetime Picker @@ -27,7 +27,7 @@ When using Datetime Button with a JavaScript framework such as Angular, React, o ## Basic Usage -import Basic from '@site/static/usage/v8/datetime-button/basic/index.md'; +import Basic from '@site/static/usage/v9/datetime-button/basic/index.md'; @@ -39,7 +39,7 @@ The localized text on `ion-datetime-button` is determined by the `locale` proper You can customize the format of the date and time in a Datetime Button by providing `formatOptions` on the associated Datetime instance. See [Datetime Format Options](./datetime#format-options) for more details. -import FormatOptions from '@site/static/usage/v8/datetime-button/format-options/index.md'; +import FormatOptions from '@site/static/usage/v9/datetime-button/format-options/index.md'; diff --git a/docs/api/datetime.md b/docs/api/datetime.md index 54a1efc8750..fae0603a238 100644 --- a/docs/api/datetime.md +++ b/docs/api/datetime.md @@ -1,48 +1,48 @@ --- title: "ion-datetime" --- -import Props from '@ionic-internal/component-api/v8/datetime/props.md'; -import Events from '@ionic-internal/component-api/v8/datetime/events.md'; -import Methods from '@ionic-internal/component-api/v8/datetime/methods.md'; -import Parts from '@ionic-internal/component-api/v8/datetime/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/datetime/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/datetime/slots.md'; +import Props from '@ionic-internal/component-api/v9/datetime/props.md'; +import Events from '@ionic-internal/component-api/v9/datetime/events.md'; +import Methods from '@ionic-internal/component-api/v9/datetime/methods.md'; +import Parts from '@ionic-internal/component-api/v9/datetime/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/datetime/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/datetime/slots.md'; -import Basic from '@site/static/usage/v8/datetime/basic/index.md'; +import Basic from '@site/static/usage/v9/datetime/basic/index.md'; -import MaxMin from '@site/static/usage/v8/datetime/date-constraints/max-min/index.md'; -import Values from '@site/static/usage/v8/datetime/date-constraints/values/index.md'; -import Advanced from '@site/static/usage/v8/datetime/date-constraints/advanced/index.md'; +import MaxMin from '@site/static/usage/v9/datetime/date-constraints/max-min/index.md'; +import Values from '@site/static/usage/v9/datetime/date-constraints/values/index.md'; +import Advanced from '@site/static/usage/v9/datetime/date-constraints/advanced/index.md'; -import FormatOptions from '@site/static/usage/v8/datetime/format-options/index.md'; +import FormatOptions from '@site/static/usage/v9/datetime/format-options/index.md'; -import CustomLocale from '@site/static/usage/v8/datetime/localization/custom-locale/index.md'; -import HourCycle from '@site/static/usage/v8/datetime/localization/hour-cycle/index.md'; -import FirstDayOfWeek from '@site/static/usage/v8/datetime/localization/first-day-of-week/index.md'; -import LocaleExtensionTags from '@site/static/usage/v8/datetime/localization/locale-extension-tags/index.md'; -import TimeLabel from '@site/static/usage/v8/datetime/localization/time-label/index.md'; +import CustomLocale from '@site/static/usage/v9/datetime/localization/custom-locale/index.md'; +import HourCycle from '@site/static/usage/v9/datetime/localization/hour-cycle/index.md'; +import FirstDayOfWeek from '@site/static/usage/v9/datetime/localization/first-day-of-week/index.md'; +import LocaleExtensionTags from '@site/static/usage/v9/datetime/localization/locale-extension-tags/index.md'; +import TimeLabel from '@site/static/usage/v9/datetime/localization/time-label/index.md'; -import MonthAndYear from '@site/static/usage/v8/datetime/presentation/month-and-year/index.md'; -import Time from '@site/static/usage/v8/datetime/presentation/time/index.md'; -import Date from '@site/static/usage/v8/datetime/presentation/date/index.md'; +import MonthAndYear from '@site/static/usage/v9/datetime/presentation/month-and-year/index.md'; +import Time from '@site/static/usage/v9/datetime/presentation/time/index.md'; +import Date from '@site/static/usage/v9/datetime/presentation/date/index.md'; -import ShowingDefaultTitle from '@site/static/usage/v8/datetime/title/showing-default-title/index.md'; -import CustomizingTitle from '@site/static/usage/v8/datetime/title/customizing-title/index.md'; +import ShowingDefaultTitle from '@site/static/usage/v9/datetime/title/showing-default-title/index.md'; +import CustomizingTitle from '@site/static/usage/v9/datetime/title/customizing-title/index.md'; -import ShowingConfirmationButtons from '@site/static/usage/v8/datetime/buttons/showing-confirmation-buttons/index.md'; -import CustomizingButtons from '@site/static/usage/v8/datetime/buttons/customizing-buttons/index.md'; -import CustomizingButtonTexts from '@site/static/usage/v8/datetime/buttons/customizing-button-texts/index.md'; +import ShowingConfirmationButtons from '@site/static/usage/v9/datetime/buttons/showing-confirmation-buttons/index.md'; +import CustomizingButtons from '@site/static/usage/v9/datetime/buttons/customizing-buttons/index.md'; +import CustomizingButtonTexts from '@site/static/usage/v9/datetime/buttons/customizing-button-texts/index.md'; -import HighlightedDatesArray from '@site/static/usage/v8/datetime/highlightedDates/array/index.md'; -import HighlightedDatesCallback from '@site/static/usage/v8/datetime/highlightedDates/callback/index.md'; +import HighlightedDatesArray from '@site/static/usage/v9/datetime/highlightedDates/array/index.md'; +import HighlightedDatesCallback from '@site/static/usage/v9/datetime/highlightedDates/callback/index.md'; -import ShowAdjacentDays from '@site/static/usage/v8/datetime/show-adjacent-days/index.md'; +import ShowAdjacentDays from '@site/static/usage/v9/datetime/show-adjacent-days/index.md'; -import MultipleDateSelection from '@site/static/usage/v8/datetime/multiple/index.md'; +import MultipleDateSelection from '@site/static/usage/v9/datetime/multiple/index.md'; -import GlobalTheming from '@site/static/usage/v8/datetime/styling/global-theming/index.md'; -import CalendarDaysStyling from '@site/static/usage/v8/datetime/styling/calendar-days/index.md'; -import WheelStyling from '@site/static/usage/v8/datetime/styling/wheel-styling/index.md'; +import GlobalTheming from '@site/static/usage/v9/datetime/styling/global-theming/index.md'; +import CalendarDaysStyling from '@site/static/usage/v9/datetime/styling/calendar-days/index.md'; +import WheelStyling from '@site/static/usage/v9/datetime/styling/wheel-styling/index.md'; ion-datetime: Ionic API Input for Datetime Format Picker @@ -246,7 +246,7 @@ Certain `presentation` options have both grid and wheel styles that developers c The example below shows the wheel picker with `presentation="date-time"`. -import Wheel from '@site/static/usage/v8/datetime/presentation/wheel/index.md'; +import Wheel from '@site/static/usage/v9/datetime/presentation/wheel/index.md'; diff --git a/docs/api/fab-button.md b/docs/api/fab-button.md index ec31f2f7a3b..f2db380f204 100644 --- a/docs/api/fab-button.md +++ b/docs/api/fab-button.md @@ -1,12 +1,12 @@ --- title: "ion-fab-button" --- -import Props from '@ionic-internal/component-api/v8/fab-button/props.md'; -import Events from '@ionic-internal/component-api/v8/fab-button/events.md'; -import Methods from '@ionic-internal/component-api/v8/fab-button/methods.md'; -import Parts from '@ionic-internal/component-api/v8/fab-button/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/fab-button/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/fab-button/slots.md'; +import Props from '@ionic-internal/component-api/v9/fab-button/props.md'; +import Events from '@ionic-internal/component-api/v9/fab-button/events.md'; +import Methods from '@ionic-internal/component-api/v9/fab-button/methods.md'; +import Parts from '@ionic-internal/component-api/v9/fab-button/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/fab-button/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/fab-button/slots.md'; ion-fab-button: Ionic FAB Button Icon for Primary Action diff --git a/docs/api/fab-list.md b/docs/api/fab-list.md index eb004debfa3..de2409e349c 100644 --- a/docs/api/fab-list.md +++ b/docs/api/fab-list.md @@ -1,12 +1,12 @@ --- title: "ion-fab-list" --- -import Props from '@ionic-internal/component-api/v8/fab-list/props.md'; -import Events from '@ionic-internal/component-api/v8/fab-list/events.md'; -import Methods from '@ionic-internal/component-api/v8/fab-list/methods.md'; -import Parts from '@ionic-internal/component-api/v8/fab-list/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/fab-list/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/fab-list/slots.md'; +import Props from '@ionic-internal/component-api/v9/fab-list/props.md'; +import Events from '@ionic-internal/component-api/v9/fab-list/events.md'; +import Methods from '@ionic-internal/component-api/v9/fab-list/methods.md'; +import Parts from '@ionic-internal/component-api/v9/fab-list/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/fab-list/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/fab-list/slots.md'; import EncapsulationPill from '@components/page/api/EncapsulationPill'; diff --git a/docs/api/fab.md b/docs/api/fab.md index 068a068364c..c8887d82629 100644 --- a/docs/api/fab.md +++ b/docs/api/fab.md @@ -1,12 +1,12 @@ --- title: "ion-fab" --- -import Props from '@ionic-internal/component-api/v8/fab/props.md'; -import Events from '@ionic-internal/component-api/v8/fab/events.md'; -import Methods from '@ionic-internal/component-api/v8/fab/methods.md'; -import Parts from '@ionic-internal/component-api/v8/fab/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/fab/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/fab/slots.md'; +import Props from '@ionic-internal/component-api/v9/fab/props.md'; +import Events from '@ionic-internal/component-api/v9/fab/events.md'; +import Methods from '@ionic-internal/component-api/v9/fab/methods.md'; +import Parts from '@ionic-internal/component-api/v9/fab/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/fab/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/fab/slots.md'; ion-fab: Ionic Floating Action Button for Android and iOS @@ -21,7 +21,7 @@ Fabs are container elements that contain one or more [fab buttons](./fab-button) ## Basic Usage -import BasicUsage from '@site/static/usage/v8/fab/basic/index.md'; +import BasicUsage from '@site/static/usage/v9/fab/basic/index.md'; @@ -29,7 +29,7 @@ import BasicUsage from '@site/static/usage/v8/fab/basic/index.md'; The `side` property of the [fab list](./fab-list) component controls where it appears relative to the main fab button. A single fab can have multiple fab lists as long as they all have different values for `side`. -import ListSide from '@site/static/usage/v8/fab/list-side/index.md'; +import ListSide from '@site/static/usage/v9/fab/list-side/index.md'; @@ -37,7 +37,7 @@ import ListSide from '@site/static/usage/v8/fab/list-side/index.md'; In order to place the fab in a fixed position, it should be assigned to the `fixed` slot of the outer [content](./content) component. Use the `vertical` and `horizontal` props to control the alignment of the fab in the viewport. The `edge` prop will cause the fab button to overlap with the app's header or footer. -import Positioning from '@site/static/usage/v8/fab/positioning/index.md'; +import Positioning from '@site/static/usage/v9/fab/positioning/index.md'; @@ -63,7 +63,7 @@ ion-fab { If there is an `ion-header` (for a fab with `vertical` set to `"top"`) or `ion-footer` (for a fab with `vertical` set to `"bottom"`), no CSS adjustment is needed because the fab gets positioned relative to the header or footer. -import SafeArea from '@site/static/usage/v8/fab/safe-area/index.md'; +import SafeArea from '@site/static/usage/v9/fab/safe-area/index.md'; @@ -73,7 +73,7 @@ In scenarios where a view contains many interactive elements, such as an infinit By setting the `fixedSlotPlacement` property on [Content](./content) to `before`, the FAB will be placed before the main content in the DOM. This ensures that the FAB receives keyboard focus before other interactive elements receive focus, making it easier for users to access the FAB. -import BeforeContent from '@site/static/usage/v8/fab/before-content/index.md'; +import BeforeContent from '@site/static/usage/v9/fab/before-content/index.md'; @@ -81,7 +81,7 @@ import BeforeContent from '@site/static/usage/v8/fab/before-content/index.md'; Setting the `size` property of the main fab button to `"small"` will render it at a mini size. Note that this property will not have an effect when used with the inner fab buttons. -import ButtonSizing from '@site/static/usage/v8/fab/button-sizing/index.md'; +import ButtonSizing from '@site/static/usage/v9/fab/button-sizing/index.md'; @@ -89,19 +89,19 @@ import ButtonSizing from '@site/static/usage/v8/fab/button-sizing/index.md'; ### Colors -import Colors from '@site/static/usage/v8/fab/theming/colors/index.md'; +import Colors from '@site/static/usage/v9/fab/theming/colors/index.md'; ### CSS Custom Properties -import CSSCustomProperties from '@site/static/usage/v8/fab/theming/css-custom-properties/index.md'; +import CSSCustomProperties from '@site/static/usage/v9/fab/theming/css-custom-properties/index.md'; ### CSS Shadow Parts -import CSSShadowParts from '@site/static/usage/v8/fab/theming/css-shadow-parts/index.md'; +import CSSShadowParts from '@site/static/usage/v9/fab/theming/css-shadow-parts/index.md'; diff --git a/docs/api/footer.md b/docs/api/footer.md index 475537201fb..9f0d57a98ec 100644 --- a/docs/api/footer.md +++ b/docs/api/footer.md @@ -1,12 +1,12 @@ --- title: "ion-footer" --- -import Props from '@ionic-internal/component-api/v8/footer/props.md'; -import Events from '@ionic-internal/component-api/v8/footer/events.md'; -import Methods from '@ionic-internal/component-api/v8/footer/methods.md'; -import Parts from '@ionic-internal/component-api/v8/footer/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/footer/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/footer/slots.md'; +import Props from '@ionic-internal/component-api/v9/footer/props.md'; +import Events from '@ionic-internal/component-api/v9/footer/events.md'; +import Methods from '@ionic-internal/component-api/v9/footer/methods.md'; +import Parts from '@ionic-internal/component-api/v9/footer/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/footer/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/footer/slots.md'; ion-footer: Page Footer | Ionic App Footer Root Component @@ -20,7 +20,7 @@ Footer is a root component of a page that aligns itself to the bottom of the pag ## Basic Usage -import Basic from '@site/static/usage/v8/footer/basic/index.md'; +import Basic from '@site/static/usage/v9/footer/basic/index.md'; @@ -29,7 +29,7 @@ import Basic from '@site/static/usage/v8/footer/basic/index.md'; Footers can match the transparency found in native iOS applications by setting the `translucent` property. In order to see the content scrolling behind the footer, the `fullscreen` property needs to be set on the content. This effect will only apply when the mode is `"ios"` and the device supports [backdrop-filter](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#browser_compatibility). -import Translucent from '@site/static/usage/v8/footer/translucent/index.md'; +import Translucent from '@site/static/usage/v9/footer/translucent/index.md'; @@ -38,7 +38,7 @@ import Translucent from '@site/static/usage/v8/footer/translucent/index.md'; Many native iOS applications have a fade effect on the toolbar. This can be achieved by setting the `collapse` property on the footer to `"fade"`. When the content is scrolled to the end, the background and border on the footer will fade away. This effect will only apply when the mode is `"ios"`. -import Fade from '@site/static/usage/v8/footer/fade/index.md'; +import Fade from '@site/static/usage/v9/footer/fade/index.md'; @@ -47,7 +47,7 @@ import Fade from '@site/static/usage/v8/footer/fade/index.md'; A fade footer requires a scroll container to work properly. When using a virtual scrolling solution, a custom scroll target needs to be provided. Scrolling on the content needs to be disabled and the `.ion-content-scroll-host` class needs to be added to the element responsible for scrolling. -import CustomScrollTarget from '@site/static/usage/v8/footer/custom-scroll-target/index.md'; +import CustomScrollTarget from '@site/static/usage/v9/footer/custom-scroll-target/index.md'; @@ -55,7 +55,7 @@ import CustomScrollTarget from '@site/static/usage/v8/footer/custom-scroll-targe In `"md"` mode, the footer will have a `box-shadow` on the top. In `"ios"` mode, it will receive a `border` on the top. These can be removed by adding the `.ion-no-border` class to the footer. -import NoBorder from '@site/static/usage/v8/footer/no-border/index.md'; +import NoBorder from '@site/static/usage/v9/footer/no-border/index.md'; diff --git a/docs/api/grid.md b/docs/api/grid.md index e0b34b5669e..436b8e7bc96 100644 --- a/docs/api/grid.md +++ b/docs/api/grid.md @@ -1,12 +1,12 @@ --- title: "ion-grid" --- -import Props from '@ionic-internal/component-api/v8/grid/props.md'; -import Events from '@ionic-internal/component-api/v8/grid/events.md'; -import Methods from '@ionic-internal/component-api/v8/grid/methods.md'; -import Parts from '@ionic-internal/component-api/v8/grid/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/grid/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/grid/slots.md'; +import Props from '@ionic-internal/component-api/v9/grid/props.md'; +import Events from '@ionic-internal/component-api/v9/grid/events.md'; +import Methods from '@ionic-internal/component-api/v9/grid/methods.md'; +import Parts from '@ionic-internal/component-api/v9/grid/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/grid/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/grid/slots.md'; ion-grid: Display Grids for Mobile-First Custom App Layout @@ -54,7 +54,7 @@ The default breakpoints for the grid and the corresponding properties are define By default, columns will take up equal width inside of a row for all devices and screen sizes. -import Basic from '@site/static/usage/v8/grid/basic/index.md'; +import Basic from '@site/static/usage/v9/grid/basic/index.md'; @@ -71,7 +71,7 @@ Grids take up 100% width of their container. By adding the `fixed` property to t | lg | 960px | Set grid width to 960px when (min-width: 992px) | | xl | 1140px | Set grid width to 1140px when (min-width: 1200px) | -import Fixed from '@site/static/usage/v8/grid/fixed/index.md'; +import Fixed from '@site/static/usage/v9/grid/fixed/index.md'; @@ -84,7 +84,7 @@ Columns can be set to specific sizes to take up a certain number out of the tota By setting the `size` to `"auto"` the column can size itself based on the natural width of its content. This is necessary when setting a column to an absolute width, such as a specific number of pixels. The columns next to the auto-width column will resize to fill the row. -import SizeAuto from '@site/static/usage/v8/grid/size-auto/index.md'; +import SizeAuto from '@site/static/usage/v9/grid/size-auto/index.md'; @@ -93,7 +93,7 @@ import SizeAuto from '@site/static/usage/v8/grid/size-auto/index.md'; Set the `size` of a column and the others will automatically resize around it. If a size is specified on all of the columns and it doesn't add up to the total number of columns, there will be empty space after the columns. -import Size from '@site/static/usage/v8/grid/size/index.md'; +import Size from '@site/static/usage/v9/grid/size/index.md'; @@ -101,7 +101,7 @@ import Size from '@site/static/usage/v8/grid/size/index.md'; The `size` property will change the column width for all [breakpoints](#default-breakpoints). Column also provides several size properties with the breakpoint name appended to the end of "size". These properties can be used to change the width of the column based on the screen size. Open the below example in StackBlitz and resize the screen to see the column widths change. -import SizeResponsive from '@site/static/usage/v8/grid/size-responsive/index.md'; +import SizeResponsive from '@site/static/usage/v9/grid/size-responsive/index.md'; @@ -114,7 +114,7 @@ Columns can be offset to shift to the right by a certain number of columns out o Columns can be moved to the right by using the `offset` property. This property increases the left margin of the column by the number of specified columns. It also shifts the columns to the right of it, if any exist. -import Offset from '@site/static/usage/v8/grid/offset/index.md'; +import Offset from '@site/static/usage/v9/grid/offset/index.md'; @@ -122,7 +122,7 @@ import Offset from '@site/static/usage/v8/grid/offset/index.md'; The `offset` property will change the column's left margin for all [breakpoints](#default-breakpoints). Column also provides several offset properties with the breakpoint name appended to the end of "offset". These properties can be used to change the offset of the column based on the screen size. Open the below example in StackBlitz and resize the screen to see the column offsets change. -import OffsetResponsive from '@site/static/usage/v8/grid/offset-responsive/index.md'; +import OffsetResponsive from '@site/static/usage/v9/grid/offset-responsive/index.md'; @@ -135,7 +135,7 @@ Columns can be pushed to to the right or pulled to the left by a certain number Reorder the columns by adding the `push` and `pull` properties. These properties adjust the `left` and `right` of the columns by the specified number of columns making it easy to reorder columns. This will cause columns to overlap if they are shifted to where another column is positioned. -import PushPull from '@site/static/usage/v8/grid/push-pull/index.md'; +import PushPull from '@site/static/usage/v9/grid/push-pull/index.md'; @@ -143,7 +143,7 @@ import PushPull from '@site/static/usage/v8/grid/push-pull/index.md'; The `push` and `pull` properties will change the column's position for all [breakpoints](#default-breakpoints). Column also provides several `push` and `pull` properties with the breakpoint name appended to the end of "push" / "pull". These properties can be used to change the position of the column based on the screen size. Open the below example in StackBlitz and resize the screen to see the column positions change. -import PushPullResponsive from '@site/static/usage/v8/grid/push-pull-responsive/index.md'; +import PushPullResponsive from '@site/static/usage/v9/grid/push-pull-responsive/index.md'; @@ -153,7 +153,7 @@ import PushPullResponsive from '@site/static/usage/v8/grid/push-pull-responsive/ All columns can be vertically aligned inside of a row by adding different classes to the row. For a list of available classes, see [css utilities](/layout/css-utilities#flex-container-properties). -import VerticalAlignment from '@site/static/usage/v8/grid/vertical-alignment/index.md'; +import VerticalAlignment from '@site/static/usage/v9/grid/vertical-alignment/index.md'; @@ -162,7 +162,7 @@ import VerticalAlignment from '@site/static/usage/v8/grid/vertical-alignment/ind All columns can be horizontally aligned inside of a row by adding different classes to the row. For a list of available classes, see [css utilities](/layout/css-utilities.md#flex-container-properties). -import HorizontalAlignment from '@site/static/usage/v8/grid/horizontal-alignment/index.md'; +import HorizontalAlignment from '@site/static/usage/v9/grid/horizontal-alignment/index.md'; @@ -174,7 +174,7 @@ Using our built-in CSS variables, it’s possible to customize the predefined gr The width of a fixed grid can be set for all breakpoints with the `--ion-grid-width` CSS variable. To override individual breakpoints, use the `--ion-grid-width-{breakpoint}` CSS variables. The default value for each of the breakpoints can be found in the [Fixed Grid](#fixed-grid) section. Open the below example in StackBlitz and resize the screen to see the grid width change. -import Width from '@site/static/usage/v8/grid/customizing/width/index.md'; +import Width from '@site/static/usage/v9/grid/customizing/width/index.md'; @@ -182,7 +182,7 @@ import Width from '@site/static/usage/v8/grid/customizing/width/index.md'; The number of grid columns can be modified with the `--ion-grid-columns` CSS variable. By default there are 12 grid columns, but this can be changed to any positive integer and be used to calculate the width of each individual column. -import ColumnNumber from '@site/static/usage/v8/grid/customizing/column-number/index.md'; +import ColumnNumber from '@site/static/usage/v9/grid/customizing/column-number/index.md'; @@ -192,7 +192,7 @@ The padding on the grid container can be set for all breakpoints with the `--ion The padding on the columns can be set for all breakpoints with the `--ion-grid-column-padding` CSS variable. To override individual breakpoints, use the `--ion-grid-column-padding-{breakpoint}` CSS variables. -import Padding from '@site/static/usage/v8/grid/customizing/padding/index.md'; +import Padding from '@site/static/usage/v9/grid/customizing/padding/index.md'; diff --git a/docs/api/header.md b/docs/api/header.md index 45a71ea5359..dfdff0110cd 100644 --- a/docs/api/header.md +++ b/docs/api/header.md @@ -1,12 +1,12 @@ --- title: "ion-header" --- -import Props from '@ionic-internal/component-api/v8/header/props.md'; -import Events from '@ionic-internal/component-api/v8/header/events.md'; -import Methods from '@ionic-internal/component-api/v8/header/methods.md'; -import Parts from '@ionic-internal/component-api/v8/header/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/header/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/header/slots.md'; +import Props from '@ionic-internal/component-api/v9/header/props.md'; +import Events from '@ionic-internal/component-api/v9/header/events.md'; +import Methods from '@ionic-internal/component-api/v9/header/methods.md'; +import Parts from '@ionic-internal/component-api/v9/header/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/header/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/header/slots.md'; ion-header: Header Parent Component for Ionic Framework Apps @@ -21,7 +21,7 @@ Header is a root component of a page that aligns itself to the top of the page. ## Basic Usage -import Basic from '@site/static/usage/v8/header/basic/index.md'; +import Basic from '@site/static/usage/v9/header/basic/index.md'; @@ -30,7 +30,7 @@ import Basic from '@site/static/usage/v8/header/basic/index.md'; Headers can match the transparency found in native iOS applications by setting the `translucent` property. In order to see the content scrolling behind the header, the `fullscreen` property needs to be set on the content. This effect will only apply when the mode is `"ios"` and the device supports [backdrop-filter](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#browser_compatibility). -import Translucent from '@site/static/usage/v8/header/translucent/index.md'; +import Translucent from '@site/static/usage/v9/header/translucent/index.md'; @@ -39,7 +39,7 @@ import Translucent from '@site/static/usage/v8/header/translucent/index.md'; Ionic provides the functionality found in native iOS applications to show a large toolbar title and then collapse it to a small title when scrolling. This can be done by adding two headers, one above the content and one inside of the content, and then setting the `collapse` property to `"condense"` on the header inside of the content. This effect will only apply when the mode is "ios". -import Condense from '@site/static/usage/v8/header/condense/index.md'; +import Condense from '@site/static/usage/v9/header/condense/index.md'; @@ -50,7 +50,7 @@ Many native iOS applications have a fade effect on the toolbar. This can be achi This functionality can be combined with a [Condensed Header](#condensed-header) as well. The `collapse` property with a value set to `"fade"` should be on the header outside of the content. -import Fade from '@site/static/usage/v8/header/fade/index.md'; +import Fade from '@site/static/usage/v9/header/fade/index.md'; @@ -59,7 +59,7 @@ import Fade from '@site/static/usage/v8/header/fade/index.md'; A fade header requires a scroll container to work properly. When using a virtual scrolling solution, a custom scroll target needs to be provided. Scrolling on the content needs to be disabled and the `.ion-content-scroll-host` class needs to be added to the element responsible for scrolling. -import CustomScrollTarget from '@site/static/usage/v8/header/custom-scroll-target/index.md'; +import CustomScrollTarget from '@site/static/usage/v9/header/custom-scroll-target/index.md'; @@ -68,7 +68,7 @@ import CustomScrollTarget from '@site/static/usage/v8/header/custom-scroll-targe In `"md"` mode, the header will have a `box-shadow` on the bottom. In `"ios"` mode, it will receive a `border` on the bottom. These can be removed by adding the `.ion-no-border` class to the header. -import NoBorder from '@site/static/usage/v8/header/no-border/index.md'; +import NoBorder from '@site/static/usage/v9/header/no-border/index.md'; diff --git a/docs/api/icon.md b/docs/api/icon.md index 435175ef119..62c8ec5be2b 100644 --- a/docs/api/icon.md +++ b/docs/api/icon.md @@ -16,7 +16,7 @@ For a list of all available icons, see ionic ## Basic Usage -import Basic from '@site/static/usage/v8/icon/basic/index.md'; +import Basic from '@site/static/usage/v9/icon/basic/index.md'; diff --git a/docs/api/img.md b/docs/api/img.md index bc812a8ca0b..e166024449c 100644 --- a/docs/api/img.md +++ b/docs/api/img.md @@ -2,12 +2,12 @@ title: "ion-img" --- -import Props from '@ionic-internal/component-api/v8/img/props.md'; -import Events from '@ionic-internal/component-api/v8/img/events.md'; -import Methods from '@ionic-internal/component-api/v8/img/methods.md'; -import Parts from '@ionic-internal/component-api/v8/img/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/img/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/img/slots.md'; +import Props from '@ionic-internal/component-api/v9/img/props.md'; +import Events from '@ionic-internal/component-api/v9/img/events.md'; +import Methods from '@ionic-internal/component-api/v9/img/methods.md'; +import Parts from '@ionic-internal/component-api/v9/img/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/img/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/img/slots.md'; ion-img: Img Tag to Lazy Load Images in Viewport @@ -23,7 +23,7 @@ Img is a tag that will lazily load an image whenever the tag is in the viewport. ## Basic Usage -import Basic from '@site/static/usage/v8/img/basic/index.md'; +import Basic from '@site/static/usage/v9/img/basic/index.md'; diff --git a/docs/api/infinite-scroll-content.md b/docs/api/infinite-scroll-content.md index 069852c9f03..2c5c26dd93e 100644 --- a/docs/api/infinite-scroll-content.md +++ b/docs/api/infinite-scroll-content.md @@ -2,12 +2,12 @@ title: "ion-infinite-scroll-content" --- -import Props from '@ionic-internal/component-api/v8/infinite-scroll-content/props.md'; -import Events from '@ionic-internal/component-api/v8/infinite-scroll-content/events.md'; -import Methods from '@ionic-internal/component-api/v8/infinite-scroll-content/methods.md'; -import Parts from '@ionic-internal/component-api/v8/infinite-scroll-content/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/infinite-scroll-content/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/infinite-scroll-content/slots.md'; +import Props from '@ionic-internal/component-api/v9/infinite-scroll-content/props.md'; +import Events from '@ionic-internal/component-api/v9/infinite-scroll-content/events.md'; +import Methods from '@ionic-internal/component-api/v9/infinite-scroll-content/methods.md'; +import Parts from '@ionic-internal/component-api/v9/infinite-scroll-content/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/infinite-scroll-content/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/infinite-scroll-content/slots.md'; import EncapsulationPill from '@components/page/api/EncapsulationPill'; diff --git a/docs/api/infinite-scroll.md b/docs/api/infinite-scroll.md index 5a8d29dc832..1a006452132 100644 --- a/docs/api/infinite-scroll.md +++ b/docs/api/infinite-scroll.md @@ -2,12 +2,12 @@ title: "ion-infinite-scroll" --- -import Props from '@ionic-internal/component-api/v8/infinite-scroll/props.md'; -import Events from '@ionic-internal/component-api/v8/infinite-scroll/events.md'; -import Methods from '@ionic-internal/component-api/v8/infinite-scroll/methods.md'; -import Parts from '@ionic-internal/component-api/v8/infinite-scroll/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/infinite-scroll/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/infinite-scroll/slots.md'; +import Props from '@ionic-internal/component-api/v9/infinite-scroll/props.md'; +import Events from '@ionic-internal/component-api/v9/infinite-scroll/events.md'; +import Methods from '@ionic-internal/component-api/v9/infinite-scroll/methods.md'; +import Parts from '@ionic-internal/component-api/v9/infinite-scroll/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/infinite-scroll/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/infinite-scroll/slots.md'; ion-infinite-scroll: Infinite Scroller Action Component @@ -23,7 +23,7 @@ The expression assigned to the `ionInfinite` event is called when the user reach ## Basic Usage -import Basic from '@site/static/usage/v8/infinite-scroll/basic/index.md'; +import Basic from '@site/static/usage/v9/infinite-scroll/basic/index.md'; @@ -31,7 +31,7 @@ import Basic from '@site/static/usage/v8/infinite-scroll/basic/index.md'; The `ion-infinite-scroll-content` is responsible for the visual display of the infinite scroll interaction. By default this component changes its look depending on the infinite scroll's state. It displays a spinner that looks best based on the platform the user is on. Both the spinner and loading text can be customized by setting properties on the `ion-infinite-scroll-content` component. -import InfiniteScrollContent from '@site/static/usage/v8/infinite-scroll/infinite-scroll-content/index.md'; +import InfiniteScrollContent from '@site/static/usage/v9/infinite-scroll/infinite-scroll-content/index.md'; @@ -39,7 +39,7 @@ import InfiniteScrollContent from '@site/static/usage/v8/infinite-scroll/infinit Separating the `ion-infinite-scroll` and `ion-infinite-scroll-content` components allows developers to create their own content components, if desired. This content can contain anything, from an SVG element to elements with unique CSS animations. -import CustomContent from '@site/static/usage/v8/infinite-scroll/custom-infinite-scroll-content/index.md'; +import CustomContent from '@site/static/usage/v9/infinite-scroll/custom-infinite-scroll-content/index.md'; diff --git a/docs/api/input-otp.md b/docs/api/input-otp.md index 71439665e47..69a004bc2a5 100644 --- a/docs/api/input-otp.md +++ b/docs/api/input-otp.md @@ -1,12 +1,12 @@ --- title: "ion-input-otp" --- -import Props from '@ionic-internal/component-api/v8/input-otp/props.md'; -import Events from '@ionic-internal/component-api/v8/input-otp/events.md'; -import Methods from '@ionic-internal/component-api/v8/input-otp/methods.md'; -import Parts from '@ionic-internal/component-api/v8/input-otp/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/input-otp/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/input-otp/slots.md'; +import Props from '@ionic-internal/component-api/v9/input-otp/props.md'; +import Events from '@ionic-internal/component-api/v9/input-otp/events.md'; +import Methods from '@ionic-internal/component-api/v9/input-otp/methods.md'; +import Parts from '@ionic-internal/component-api/v9/input-otp/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/input-otp/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/input-otp/slots.md'; ion-input-otp: One-Time Password Input Component @@ -23,7 +23,7 @@ The Input OTP component is a specialized input component designed for entering o The component provides 4 input boxes by default, which is a common length for many verification codes. The number of input boxes can be customized using the `length` property. -import Basic from '@site/static/usage/v8/input-otp/basic/index.md'; +import Basic from '@site/static/usage/v9/input-otp/basic/index.md'; @@ -41,7 +41,7 @@ The `type` property automatically sets both the `inputmode` and `pattern` attrib See the [Pattern](#pattern) section for more details on pattern validation and customization. -import Type from '@site/static/usage/v8/input-otp/type/index.md'; +import Type from '@site/static/usage/v9/input-otp/type/index.md'; @@ -49,7 +49,7 @@ import Type from '@site/static/usage/v8/input-otp/type/index.md'; The `shape` property controls the border radius of the input boxes, creating rounded or sharp corners. -import Shape from '@site/static/usage/v8/input-otp/shape/index.md'; +import Shape from '@site/static/usage/v9/input-otp/shape/index.md'; @@ -57,7 +57,7 @@ import Shape from '@site/static/usage/v8/input-otp/shape/index.md'; The `fill` property controls the background style of the input boxes, offering bordered or filled backgrounds. -import Fill from '@site/static/usage/v8/input-otp/fill/index.md'; +import Fill from '@site/static/usage/v9/input-otp/fill/index.md'; @@ -65,7 +65,7 @@ import Fill from '@site/static/usage/v8/input-otp/fill/index.md'; The `size` property provides different size options for the input boxes. -import Size from '@site/static/usage/v8/input-otp/size/index.md'; +import Size from '@site/static/usage/v9/input-otp/size/index.md'; @@ -78,7 +78,7 @@ The `separators` property adds visual dividers between one or more of the input The numbers represent the index after which a separator should appear. For example, `"1,3"` displays a separator after the first and third input box. This can be used to create visually distinct groupings of input boxes, but it will still have one value. -import Separators from '@site/static/usage/v8/input-otp/separators/index.md'; +import Separators from '@site/static/usage/v9/input-otp/separators/index.md'; @@ -92,7 +92,7 @@ The component supports various states for automatic styling of input boxes: - `ion-invalid` styles only display when touched (`ion-touched`) - `ion-valid` styles only display when focused (`has-focus`) -import States from '@site/static/usage/v8/input-otp/states/index.md'; +import States from '@site/static/usage/v9/input-otp/states/index.md'; @@ -110,7 +110,7 @@ When using a custom `pattern`, remember that the `type` property controls which - Use `type="text"` for patterns that include letters to show the alphanumeric keyboard ::: -import Pattern from '@site/static/usage/v8/input-otp/pattern/index.md'; +import Pattern from '@site/static/usage/v9/input-otp/pattern/index.md'; @@ -124,7 +124,7 @@ The `color` property changes the color palette for input boxes. For `outline` fi The `color` property does *not* change the text color of the input OTP. For that, use the [`--color` CSS property](#css-custom-properties-1). ::: -import Colors from '@site/static/usage/v8/input-otp/theming/colors/index.md'; +import Colors from '@site/static/usage/v9/input-otp/theming/colors/index.md'; @@ -132,7 +132,7 @@ import Colors from '@site/static/usage/v8/input-otp/theming/colors/index.md'; Input OTP uses scoped encapsulation, which means it will automatically scope its CSS by appending each of the styles with an additional class at runtime. Overriding scoped selectors in CSS requires a [higher specificity](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity) selector. Targeting the `ion-input-otp` for customization will not work; therefore we recommend adding a class and customizing it that way. Due to certain styles being applied based on the `fill`, you may need to override properties on the fills separately. -import CSSProps from '@site/static/usage/v8/input-otp/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v9/input-otp/theming/css-properties/index.md'; diff --git a/docs/api/input-password-toggle.md b/docs/api/input-password-toggle.md index 7813203667a..51dbf429302 100644 --- a/docs/api/input-password-toggle.md +++ b/docs/api/input-password-toggle.md @@ -1,12 +1,12 @@ --- title: "ion-input-password-toggle" --- -import Props from '@ionic-internal/component-api/v8/input-password-toggle/props.md'; -import Events from '@ionic-internal/component-api/v8/input-password-toggle/events.md'; -import Methods from '@ionic-internal/component-api/v8/input-password-toggle/methods.md'; -import Parts from '@ionic-internal/component-api/v8/input-password-toggle/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/input-password-toggle/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/input-password-toggle/slots.md'; +import Props from '@ionic-internal/component-api/v9/input-password-toggle/props.md'; +import Events from '@ionic-internal/component-api/v9/input-password-toggle/events.md'; +import Methods from '@ionic-internal/component-api/v9/input-password-toggle/methods.md'; +import Parts from '@ionic-internal/component-api/v9/input-password-toggle/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/input-password-toggle/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/input-password-toggle/slots.md'; ion-input-password-toggle: Toggle the visibility of a password in Input @@ -29,7 +29,7 @@ Using any other `type` will cause a warning to be logged. ::: -import Basic from '@site/static/usage/v8/input-password-toggle/basic/index.md'; +import Basic from '@site/static/usage/v9/input-password-toggle/basic/index.md'; diff --git a/docs/api/input.md b/docs/api/input.md index 18d71de4eb8..a147995c79d 100644 --- a/docs/api/input.md +++ b/docs/api/input.md @@ -1,12 +1,12 @@ --- title: "ion-input" --- -import Props from '@ionic-internal/component-api/v8/input/props.md'; -import Events from '@ionic-internal/component-api/v8/input/events.md'; -import Methods from '@ionic-internal/component-api/v8/input/methods.md'; -import Parts from '@ionic-internal/component-api/v8/input/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/input/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/input/slots.md'; +import Props from '@ionic-internal/component-api/v9/input/props.md'; +import Events from '@ionic-internal/component-api/v9/input/events.md'; +import Methods from '@ionic-internal/component-api/v9/input/methods.md'; +import Parts from '@ionic-internal/component-api/v9/input/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/input/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/input/slots.md'; ion-input: Custom Input With Styling and CSS Properties @@ -23,7 +23,7 @@ The input component is a wrapper to the HTML input element with custom styling a ## Basic Usage -import Basic from '@site/static/usage/v8/input/basic/index.md'; +import Basic from '@site/static/usage/v9/input/basic/index.md'; @@ -32,7 +32,7 @@ import Basic from '@site/static/usage/v8/input/basic/index.md'; The input component is meant for text type inputs only, such as `"text"`, `"password"`, `"email"`, `"number"`, `"search"`, `"tel"`, and `"url"`. It supports all standard text input events including `keyup`, `keydown`, `keypress`, and more. The default `type` is `"text"`. -import Types from '@site/static/usage/v8/input/types/index.md'; +import Types from '@site/static/usage/v9/input/types/index.md'; @@ -48,7 +48,7 @@ Labels should be used to describe the input. They can be used visually, and they Labels will take up the width of their content by default. Developers can use the `labelPlacement` property to control how the label is placed relative to the control. -import LabelPlacement from '@site/static/usage/v8/input/label-placement/index.md'; +import LabelPlacement from '@site/static/usage/v9/input/label-placement/index.md'; @@ -58,7 +58,7 @@ While plaintext labels should be passed in via the `label` property, if custom H Note that this feature is considered experimental because it relies on a simulated version of [Web Component slots](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots). As a result, the simulated behavior may not exactly match the native slot behavior. -import LabelSlot from '@site/static/usage/v8/input/label-slot/index.md'; +import LabelSlot from '@site/static/usage/v9/input/label-slot/index.md'; @@ -66,7 +66,7 @@ import LabelSlot from '@site/static/usage/v8/input/label-slot/index.md'; If no visible label is needed, developers should still supply an `aria-label` so the input is accessible to screen readers. -import NoVisibleLabel from '@site/static/usage/v8/input/no-visible-label/index.md'; +import NoVisibleLabel from '@site/static/usage/v9/input/no-visible-label/index.md'; @@ -74,7 +74,7 @@ import NoVisibleLabel from '@site/static/usage/v8/input/no-visible-label/index.m Inputs offer two options for clearing the input based on how you interact with it. The first way is by adding the `clearInput` property which will show a clear button when the input has a `value`. The second way is the `clearOnEdit` property which will clear the input after it has been blurred and then typed in again. Inputs with a `type` set to `"password"` will have `clearOnEdit` enabled by default. -import Clear from '@site/static/usage/v8/input/clear/index.md'; +import Clear from '@site/static/usage/v9/input/clear/index.md'; @@ -89,7 +89,7 @@ Filled inputs can be used on iOS by setting the input's `mode` to `md`. Inputs that use `fill` should not be used in an `ion-item` due to styling conflicts between the components. ::: -import Fill from '@site/static/usage/v8/input/fill/index.md'; +import Fill from '@site/static/usage/v9/input/fill/index.md'; @@ -100,7 +100,7 @@ Helper and error text can be used inside of an input with the `helperText` and ` In Angular, this is done automatically through form validation. In JavaScript, React and Vue, the class needs to be manually added based on your own validation. -import HelperError from '@site/static/usage/v8/input/helper-error/index.md'; +import HelperError from '@site/static/usage/v9/input/helper-error/index.md'; @@ -110,13 +110,13 @@ The input counter is text that displays under an input to notify the user of how The `counter` and `counterFormatter` properties on `ion-item` were [deprecated in Ionic 7](/docs/api/input#using-the-modern-syntax) and should be used directly on `ion-input` instead. -import Counter from '@site/static/usage/v8/input/counter/index.md'; +import Counter from '@site/static/usage/v9/input/counter/index.md'; Inputs with a counter add a border between the input and the counter, therefore they should not be placed inside of an `ion-item` which adds an additional border under the item. The `ion-padding-start` class can be added to align the counter inputs with inputs inside of items. -import CounterAlignment from '@site/static/usage/v8/input/counter-alignment/index.md'; +import CounterAlignment from '@site/static/usage/v9/input/counter-alignment/index.md'; @@ -126,7 +126,7 @@ Developers can use the `ionInput` event to update the input value in response to When storing the value in a state variable, we recommend updating both the state variable and the `ion-input` component value. This ensures that the state variable and the `ion-input` component value remain in sync. -import FilteringData from '@site/static/usage/v8/input/filtering/index.md'; +import FilteringData from '@site/static/usage/v9/input/filtering/index.md'; @@ -140,7 +140,7 @@ To get started with Maskito, install the library: npm install @maskito/core @maskito/{angular,react,vue} ``` -import Masking from '@site/static/usage/v8/input/mask/index.md'; +import Masking from '@site/static/usage/v9/input/mask/index.md'; @@ -162,7 +162,7 @@ In most cases, [Icon](./icon.md) components placed in these slots should have `a If slot content is meant to be interacted with, it should be wrapped in an interactive element such as a [Button](./button.md). This ensures that the content can be tabbed to. ::: -import StartEndSlots from '@site/static/usage/v8/input/start-end-slots/index.md'; +import StartEndSlots from '@site/static/usage/v9/input/start-end-slots/index.md'; @@ -176,7 +176,7 @@ Setting the `color` property changes the color palette for each input. On `ios` The `color` property does *not* change the text color of the input. For that, use the [`--color` CSS property](#css-custom-properties-1). ::: -import Colors from '@site/static/usage/v8/input/theming/colors/index.md'; +import Colors from '@site/static/usage/v9/input/theming/colors/index.md'; @@ -184,7 +184,7 @@ import Colors from '@site/static/usage/v8/input/theming/colors/index.md'; Input uses scoped encapsulation, which means it will automatically scope its CSS by appending each of the styles with an additional class at runtime. Overriding scoped selectors in CSS requires a [higher specificity](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity) selector. Targeting the `ion-input` for customization will not work; therefore we recommend adding a class and customizing it that way. -import CSSProps from '@site/static/usage/v8/input/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v9/input/theming/css-properties/index.md'; diff --git a/docs/api/item-divider.md b/docs/api/item-divider.md index 6de7f9fe8fc..572a5282b28 100644 --- a/docs/api/item-divider.md +++ b/docs/api/item-divider.md @@ -1,12 +1,12 @@ --- title: "ion-item-divider" --- -import Props from '@ionic-internal/component-api/v8/item-divider/props.md'; -import Events from '@ionic-internal/component-api/v8/item-divider/events.md'; -import Methods from '@ionic-internal/component-api/v8/item-divider/methods.md'; -import Parts from '@ionic-internal/component-api/v8/item-divider/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/item-divider/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/item-divider/slots.md'; +import Props from '@ionic-internal/component-api/v9/item-divider/props.md'; +import Events from '@ionic-internal/component-api/v9/item-divider/events.md'; +import Methods from '@ionic-internal/component-api/v9/item-divider/methods.md'; +import Parts from '@ionic-internal/component-api/v9/item-divider/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/item-divider/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/item-divider/slots.md'; ion-item-divider: Item Divider Block Element for Ionic Apps @@ -23,7 +23,7 @@ Item dividers are block elements that can be used to separate [items](./item) in ## Basic Usage -import Basic from '@site/static/usage/v8/item-divider/basic/index.md'; +import Basic from '@site/static/usage/v9/item-divider/basic/index.md'; @@ -32,14 +32,14 @@ import Basic from '@site/static/usage/v8/item-divider/basic/index.md'; ### Colors -import Colors from '@site/static/usage/v8/item-divider/theming/colors/index.md'; +import Colors from '@site/static/usage/v9/item-divider/theming/colors/index.md'; ### CSS Custom Properties -import CSSProps from '@site/static/usage/v8/item-divider/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v9/item-divider/theming/css-properties/index.md'; diff --git a/docs/api/item-group.md b/docs/api/item-group.md index 6943a72c3ec..34e64a4719b 100644 --- a/docs/api/item-group.md +++ b/docs/api/item-group.md @@ -1,12 +1,12 @@ --- title: "ion-item-group" --- -import Props from '@ionic-internal/component-api/v8/item-group/props.md'; -import Events from '@ionic-internal/component-api/v8/item-group/events.md'; -import Methods from '@ionic-internal/component-api/v8/item-group/methods.md'; -import Parts from '@ionic-internal/component-api/v8/item-group/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/item-group/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/item-group/slots.md'; +import Props from '@ionic-internal/component-api/v9/item-group/props.md'; +import Events from '@ionic-internal/component-api/v9/item-group/events.md'; +import Methods from '@ionic-internal/component-api/v9/item-group/methods.md'; +import Parts from '@ionic-internal/component-api/v9/item-group/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/item-group/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/item-group/slots.md'; ion-item-group: Group Items to Divide into Multiple Sections @@ -20,13 +20,13 @@ Item groups are containers that organize similar [items](./item) together. They ## Basic Usage -import Basic from '@site/static/usage/v8/item-group/basic/index.md'; +import Basic from '@site/static/usage/v9/item-group/basic/index.md'; ## Sliding Items -import SlidingItems from '@site/static/usage/v8/item-group/sliding-items/index.md'; +import SlidingItems from '@site/static/usage/v9/item-group/sliding-items/index.md'; diff --git a/docs/api/item-option.md b/docs/api/item-option.md index e39d3e42d56..62a911b5d30 100644 --- a/docs/api/item-option.md +++ b/docs/api/item-option.md @@ -1,12 +1,12 @@ --- title: "ion-item-option" --- -import Props from '@ionic-internal/component-api/v8/item-option/props.md'; -import Events from '@ionic-internal/component-api/v8/item-option/events.md'; -import Methods from '@ionic-internal/component-api/v8/item-option/methods.md'; -import Parts from '@ionic-internal/component-api/v8/item-option/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/item-option/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/item-option/slots.md'; +import Props from '@ionic-internal/component-api/v9/item-option/props.md'; +import Events from '@ionic-internal/component-api/v9/item-option/events.md'; +import Methods from '@ionic-internal/component-api/v9/item-option/methods.md'; +import Parts from '@ionic-internal/component-api/v9/item-option/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/item-option/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/item-option/slots.md'; ion-item-option: Option Button for Sliding Item in Ionic diff --git a/docs/api/item-options.md b/docs/api/item-options.md index f4899c864ca..9abc9c79dc8 100644 --- a/docs/api/item-options.md +++ b/docs/api/item-options.md @@ -1,12 +1,12 @@ --- title: "ion-item-options" --- -import Props from '@ionic-internal/component-api/v8/item-options/props.md'; -import Events from '@ionic-internal/component-api/v8/item-options/events.md'; -import Methods from '@ionic-internal/component-api/v8/item-options/methods.md'; -import Parts from '@ionic-internal/component-api/v8/item-options/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/item-options/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/item-options/slots.md'; +import Props from '@ionic-internal/component-api/v9/item-options/props.md'; +import Events from '@ionic-internal/component-api/v9/item-options/events.md'; +import Methods from '@ionic-internal/component-api/v9/item-options/methods.md'; +import Parts from '@ionic-internal/component-api/v9/item-options/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/item-options/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/item-options/slots.md'; ion-item-options: Option Button Components for Ionic Apps diff --git a/docs/api/item-sliding.md b/docs/api/item-sliding.md index 3d8b9a1f61d..7c1fbf28ed0 100644 --- a/docs/api/item-sliding.md +++ b/docs/api/item-sliding.md @@ -1,12 +1,12 @@ --- title: "ion-item-sliding" --- -import Props from '@ionic-internal/component-api/v8/item-sliding/props.md'; -import Events from '@ionic-internal/component-api/v8/item-sliding/events.md'; -import Methods from '@ionic-internal/component-api/v8/item-sliding/methods.md'; -import Parts from '@ionic-internal/component-api/v8/item-sliding/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/item-sliding/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/item-sliding/slots.md'; +import Props from '@ionic-internal/component-api/v9/item-sliding/props.md'; +import Events from '@ionic-internal/component-api/v9/item-sliding/events.md'; +import Methods from '@ionic-internal/component-api/v9/item-sliding/methods.md'; +import Parts from '@ionic-internal/component-api/v9/item-sliding/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/item-sliding/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/item-sliding/slots.md'; ion-item-sliding: Slide Buttons | Slide Right to Left @@ -23,7 +23,7 @@ A sliding item contains an item that can be dragged to reveal option buttons. It Sliding item options are placed on the `"end"` side of the item by default. This means that options are revealed when the item is swiped from end to start, i.e. from right to left in LTR, but from left to right in RTL. To place them on the opposite side, so that they are revealed when swiping in the opposite direction, set the side attribute to `"start"` on the [item options](./item-options) element. Up to two item options can be used at the same time in order to reveal two different sets of options depending on the swiping direction. -import Basic from '@site/static/usage/v8/item-sliding/basic/index.md'; +import Basic from '@site/static/usage/v9/item-sliding/basic/index.md'; @@ -32,7 +32,7 @@ import Basic from '@site/static/usage/v8/item-sliding/basic/index.md'; When an icon is placed alongside text in the [item option](./item-option), it will display the icon on top of the text by default. The slot on the icon can be changed to any of the available [item option slots](./item-option#slots) to change its position. -import Icons from '@site/static/usage/v8/item-sliding/icons/index.md'; +import Icons from '@site/static/usage/v9/item-sliding/icons/index.md'; @@ -41,7 +41,7 @@ import Icons from '@site/static/usage/v8/item-sliding/icons/index.md'; Options can be expanded to take up the full width of the parent `ion-item` if you swipe past a certain point. This can be combined with the `ionSwipe` event on the [item options](./item-options) to call a method when the item is fully swiped. -import Expandable from '@site/static/usage/v8/item-sliding/expandable/index.md'; +import Expandable from '@site/static/usage/v9/item-sliding/expandable/index.md'; diff --git a/docs/api/item.md b/docs/api/item.md index c357c0022a7..f2332dea915 100644 --- a/docs/api/item.md +++ b/docs/api/item.md @@ -1,12 +1,12 @@ --- title: "ion-item" --- -import Props from '@ionic-internal/component-api/v8/item/props.md'; -import Events from '@ionic-internal/component-api/v8/item/events.md'; -import Methods from '@ionic-internal/component-api/v8/item/methods.md'; -import Parts from '@ionic-internal/component-api/v8/item/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/item/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/item/slots.md'; +import Props from '@ionic-internal/component-api/v9/item/props.md'; +import Events from '@ionic-internal/component-api/v9/item/events.md'; +import Methods from '@ionic-internal/component-api/v9/item/methods.md'; +import Parts from '@ionic-internal/component-api/v9/item/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/item/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/item/slots.md'; import useBaseUrl from '@docusaurus/useBaseUrl'; import BestPracticeFigure from '@components/global/BestPracticeFigure'; @@ -27,7 +27,7 @@ Items are elements that can contain text, icons, avatars, images, inputs, and an Items left align text and wrap when the text is wider than the item. We can modify this behavior using the CSS Utilities provided by Ionic Framework, such as using `.ion-text-nowrap` in the below example. See the [CSS Utilities Documentation](/docs/layout/css-utilities) for more classes that can be added to an item to transform the text. -import Basic from '@site/static/usage/v8/item/basic/index.md'; +import Basic from '@site/static/usage/v9/item/basic/index.md'; @@ -52,7 +52,7 @@ If a visual is required to interact with the item, such as an icon button, then In the example below, we are creating two lists with supporting visuals. The first list uses icons, and the second list uses avatars. The visuals are decorative, so they all have `aria-hidden="true"`. Additionally, they are presented consistently in the `start` slot. -import SupportingVisuals from '@site/static/usage/v8/item/content-types/supporting-visuals/index.md'; +import SupportingVisuals from '@site/static/usage/v9/item/content-types/supporting-visuals/index.md'; @@ -74,7 +74,7 @@ The "Allow Notifications" label on the toggle has additional text underneath it Below that list is another list containing a textarea with a [Note](./note) containing long text underneath. The textarea was placed in its own list to make it apparent that the long text is associated with the textarea and not any other fields. -import Text from '@site/static/usage/v8/item/content-types/text/index.md'; +import Text from '@site/static/usage/v9/item/content-types/text/index.md'; @@ -102,7 +102,7 @@ In the example below, we are creating two lists with different kinds of metadata The second list mimics the iOS Mail app to show an inbox. This list makes use of custom metadata including an "unread message" indicator in the "start" slot as well as a timestamp and custom detail icon in the "end" slot. The "unread message" indicator is highlighted in blue to draw the user's attention to the unread messages, while the timestamp is more subtle. -import Metadata from '@site/static/usage/v8/item/content-types/metadata/index.md'; +import Metadata from '@site/static/usage/v9/item/content-types/metadata/index.md'; @@ -122,7 +122,7 @@ Developers should avoid creating @@ -174,7 +174,7 @@ import Clickable from '@site/static/usage/v8/item/clickable/index.md'; By default [clickable items](#clickable-items) will display a right arrow icon on `ios` mode. To hide the right arrow icon on clickable elements, set the `detail` property to `false`. To show the right arrow icon on an item that doesn't display it naturally, set the `detail` property to `true`. -import DetailArrows from '@site/static/usage/v8/item/detail-arrows/index.md'; +import DetailArrows from '@site/static/usage/v9/item/detail-arrows/index.md'; @@ -198,7 +198,7 @@ See the [theming documentation](/docs/theming/css-variables) for more informatio Items show an inset bottom border by default. The border has padding on the left and does not appear under any content that is slotted in the `"start"` slot. The `lines` property can be modified to `"full"` or `"none"` which will show a full width border or no border, respectively. -import Lines from '@site/static/usage/v8/item/lines/index.md'; +import Lines from '@site/static/usage/v9/item/lines/index.md'; @@ -206,13 +206,13 @@ import Lines from '@site/static/usage/v8/item/lines/index.md'; Buttons are styled smaller inside of items than when they are outside of them. To make the button size match buttons outside of an item, set the `size` attribute to `"default"`. -import Buttons from '@site/static/usage/v8/item/buttons/index.md'; +import Buttons from '@site/static/usage/v9/item/buttons/index.md'; ## Item Inputs -import Inputs from '@site/static/usage/v8/item/inputs/index.md'; +import Inputs from '@site/static/usage/v9/item/inputs/index.md'; @@ -220,19 +220,19 @@ import Inputs from '@site/static/usage/v8/item/inputs/index.md'; ### Colors -import Colors from '@site/static/usage/v8/item/theming/colors/index.md'; +import Colors from '@site/static/usage/v9/item/theming/colors/index.md'; ### CSS Shadow Parts -import CSSParts from '@site/static/usage/v8/item/theming/css-shadow-parts/index.md'; +import CSSParts from '@site/static/usage/v9/item/theming/css-shadow-parts/index.md'; ### CSS Custom Properties -import CSSProps from '@site/static/usage/v8/item/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v9/item/theming/css-properties/index.md'; diff --git a/docs/api/label.md b/docs/api/label.md index 216bd24305d..919751c4fbd 100644 --- a/docs/api/label.md +++ b/docs/api/label.md @@ -1,12 +1,12 @@ --- title: "ion-label" --- -import Props from '@ionic-internal/component-api/v8/label/props.md'; -import Events from '@ionic-internal/component-api/v8/label/events.md'; -import Methods from '@ionic-internal/component-api/v8/label/methods.md'; -import Parts from '@ionic-internal/component-api/v8/label/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/label/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/label/slots.md'; +import Props from '@ionic-internal/component-api/v9/label/props.md'; +import Events from '@ionic-internal/component-api/v9/label/events.md'; +import Methods from '@ionic-internal/component-api/v9/label/methods.md'; +import Parts from '@ionic-internal/component-api/v9/label/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/label/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/label/slots.md'; ion-label: Item Label Color and Properties for Applications @@ -23,13 +23,13 @@ The position of the label inside of an item can be inline, fixed, stacked, or fl ## Basic Usage -import Basic from '@site/static/usage/v8/label/basic/index.md'; +import Basic from '@site/static/usage/v9/label/basic/index.md'; ## Item Labels -import Item from '@site/static/usage/v8/label/item/index.md'; +import Item from '@site/static/usage/v9/label/item/index.md'; @@ -37,7 +37,7 @@ import Item from '@site/static/usage/v8/label/item/index.md'; ### Colors -import Colors from '@site/static/usage/v8/label/theming/colors/index.md'; +import Colors from '@site/static/usage/v9/label/theming/colors/index.md'; diff --git a/docs/api/list-header.md b/docs/api/list-header.md index aa6e8d5f5b0..0c7d274895c 100644 --- a/docs/api/list-header.md +++ b/docs/api/list-header.md @@ -1,12 +1,12 @@ --- title: "ion-list-header" --- -import Props from '@ionic-internal/component-api/v8/list-header/props.md'; -import Events from '@ionic-internal/component-api/v8/list-header/events.md'; -import Methods from '@ionic-internal/component-api/v8/list-header/methods.md'; -import Parts from '@ionic-internal/component-api/v8/list-header/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/list-header/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/list-header/slots.md'; +import Props from '@ionic-internal/component-api/v9/list-header/props.md'; +import Events from '@ionic-internal/component-api/v9/list-header/events.md'; +import Methods from '@ionic-internal/component-api/v9/list-header/methods.md'; +import Parts from '@ionic-internal/component-api/v9/list-header/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/list-header/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/list-header/slots.md'; import EncapsulationPill from '@components/page/api/EncapsulationPill'; @@ -17,7 +17,7 @@ List headers are block elements that are used to describe the contents of a [lis ## Basic Usage -import Basic from '@site/static/usage/v8/list-header/basic/index.md'; +import Basic from '@site/static/usage/v9/list-header/basic/index.md'; @@ -26,7 +26,7 @@ import Basic from '@site/static/usage/v8/list-header/basic/index.md'; A [button](./button) placed in a list header can be useful for showing part of a list and redirecting to the full list with the button. -import Buttons from '@site/static/usage/v8/list-header/buttons/index.md'; +import Buttons from '@site/static/usage/v9/list-header/buttons/index.md'; @@ -35,7 +35,7 @@ import Buttons from '@site/static/usage/v8/list-header/buttons/index.md'; List headers do not show a bottom border by default. The `lines` property can be modified to `"full"` or `"inset"` which will show a full width border or an inset border with left padding, respectively. -import Lines from '@site/static/usage/v8/list-header/lines/index.md'; +import Lines from '@site/static/usage/v9/list-header/lines/index.md'; @@ -43,13 +43,13 @@ import Lines from '@site/static/usage/v8/list-header/lines/index.md'; ### Colors -import Colors from '@site/static/usage/v8/list-header/theming/colors/index.md'; +import Colors from '@site/static/usage/v9/list-header/theming/colors/index.md'; ### CSS Custom Properties -import CSSProps from '@site/static/usage/v8/list-header/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v9/list-header/theming/css-properties/index.md'; diff --git a/docs/api/list.md b/docs/api/list.md index bd5fa7d9ab8..8d1974a463a 100644 --- a/docs/api/list.md +++ b/docs/api/list.md @@ -1,12 +1,12 @@ --- title: "ion-list" --- -import Props from '@ionic-internal/component-api/v8/list/props.md'; -import Events from '@ionic-internal/component-api/v8/list/events.md'; -import Methods from '@ionic-internal/component-api/v8/list/methods.md'; -import Parts from '@ionic-internal/component-api/v8/list/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/list/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/list/slots.md'; +import Props from '@ionic-internal/component-api/v9/list/props.md'; +import Events from '@ionic-internal/component-api/v9/list/events.md'; +import Methods from '@ionic-internal/component-api/v9/list/methods.md'; +import Parts from '@ionic-internal/component-api/v9/list/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/list/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/list/slots.md'; ion-list: Item List View Component for iOS and Android Apps @@ -23,7 +23,7 @@ Lists support several interactions including swiping items to reveal options, dr ## Basic Usage -import Basic from '@site/static/usage/v8/list/basic/index.md'; +import Basic from '@site/static/usage/v9/list/basic/index.md'; @@ -32,7 +32,7 @@ import Basic from '@site/static/usage/v8/list/basic/index.md'; Adding the `inset` property to a list will apply margin around the list. In `ios` mode it will also add rounded corners to the list. -import Inset from '@site/static/usage/v8/list/inset/index.md'; +import Inset from '@site/static/usage/v9/list/inset/index.md'; @@ -41,7 +41,7 @@ import Inset from '@site/static/usage/v8/list/inset/index.md'; Adding the `lines` property to a list will adjust the bottom borders of all of the items in the list. Setting it to `"full"` will display full width borders, `"inset"` will display borders adjusted with left padding, and `"none"` will show no borders. If the `lines` property is set on an item in a list, that will take priority over the property on the list. -import Lines from '@site/static/usage/v8/list/lines/index.md'; +import Lines from '@site/static/usage/v9/list/lines/index.md'; diff --git a/docs/api/loading.md b/docs/api/loading.md index 590f4602995..eef9ea68416 100644 --- a/docs/api/loading.md +++ b/docs/api/loading.md @@ -1,12 +1,12 @@ --- title: "ion-loading" --- -import Props from '@ionic-internal/component-api/v8/loading/props.md'; -import Events from '@ionic-internal/component-api/v8/loading/events.md'; -import Methods from '@ionic-internal/component-api/v8/loading/methods.md'; -import Parts from '@ionic-internal/component-api/v8/loading/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/loading/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/loading/slots.md'; +import Props from '@ionic-internal/component-api/v9/loading/props.md'; +import Events from '@ionic-internal/component-api/v9/loading/events.md'; +import Methods from '@ionic-internal/component-api/v9/loading/methods.md'; +import Parts from '@ionic-internal/component-api/v9/loading/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/loading/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/loading/slots.md'; ion-loading: Loading | Application Loading Indicator Overlay @@ -28,13 +28,13 @@ Alternatively, developers can configure the loading indicator to dismiss automat ### Inline (Recommended) -import Inline from '@site/static/usage/v8/loading/inline/index.md'; +import Inline from '@site/static/usage/v9/loading/inline/index.md'; ### Controller -import Controller from '@site/static/usage/v8/loading/controller/index.md'; +import Controller from '@site/static/usage/v9/loading/controller/index.md'; @@ -44,7 +44,7 @@ import Controller from '@site/static/usage/v8/loading/controller/index.md'; The spinner that is used can be customized using the `spinner` property. See the [spinner property documentation](#spinner) for a full list of options. -import Spinners from '@site/static/usage/v8/loading/spinners/index.md'; +import Spinners from '@site/static/usage/v9/loading/spinners/index.md'; @@ -54,7 +54,7 @@ Loading uses scoped encapsulation, which means it will automatically scope its C We recommend passing a custom class and using that to add custom styles to the host and inner elements. -import Theming from '@site/static/usage/v8/loading/theming/index.md'; +import Theming from '@site/static/usage/v9/loading/theming/index.md'; diff --git a/docs/api/menu-button.md b/docs/api/menu-button.md index 6d85e51f99f..871d5990af2 100644 --- a/docs/api/menu-button.md +++ b/docs/api/menu-button.md @@ -1,12 +1,12 @@ --- title: "ion-menu-button" --- -import Props from '@ionic-internal/component-api/v8/menu-button/props.md'; -import Events from '@ionic-internal/component-api/v8/menu-button/events.md'; -import Methods from '@ionic-internal/component-api/v8/menu-button/methods.md'; -import Parts from '@ionic-internal/component-api/v8/menu-button/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/menu-button/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/menu-button/slots.md'; +import Props from '@ionic-internal/component-api/v9/menu-button/props.md'; +import Events from '@ionic-internal/component-api/v9/menu-button/events.md'; +import Methods from '@ionic-internal/component-api/v9/menu-button/methods.md'; +import Parts from '@ionic-internal/component-api/v9/menu-button/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/menu-button/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/menu-button/slots.md'; ion-menu-button: Menu Button to Open an App Menu on a Page diff --git a/docs/api/menu-toggle.md b/docs/api/menu-toggle.md index b2b31430123..03f84fde9a4 100644 --- a/docs/api/menu-toggle.md +++ b/docs/api/menu-toggle.md @@ -1,12 +1,12 @@ --- title: "ion-menu-toggle" --- -import Props from '@ionic-internal/component-api/v8/menu-toggle/props.md'; -import Events from '@ionic-internal/component-api/v8/menu-toggle/events.md'; -import Methods from '@ionic-internal/component-api/v8/menu-toggle/methods.md'; -import Parts from '@ionic-internal/component-api/v8/menu-toggle/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/menu-toggle/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/menu-toggle/slots.md'; +import Props from '@ionic-internal/component-api/v9/menu-toggle/props.md'; +import Events from '@ionic-internal/component-api/v9/menu-toggle/events.md'; +import Methods from '@ionic-internal/component-api/v9/menu-toggle/methods.md'; +import Parts from '@ionic-internal/component-api/v9/menu-toggle/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/menu-toggle/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/menu-toggle/slots.md'; ion-menu-toggle: MenuToggle Component to Open/Close Menus diff --git a/docs/api/menu.md b/docs/api/menu.md index a724a6f07fb..c16d8f77e1e 100644 --- a/docs/api/menu.md +++ b/docs/api/menu.md @@ -1,12 +1,12 @@ --- title: "ion-menu" --- -import Props from '@ionic-internal/component-api/v8/menu/props.md'; -import Events from '@ionic-internal/component-api/v8/menu/events.md'; -import Methods from '@ionic-internal/component-api/v8/menu/methods.md'; -import Parts from '@ionic-internal/component-api/v8/menu/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/menu/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/menu/slots.md'; +import Props from '@ionic-internal/component-api/v9/menu/props.md'; +import Events from '@ionic-internal/component-api/v9/menu/events.md'; +import Methods from '@ionic-internal/component-api/v9/menu/methods.md'; +import Parts from '@ionic-internal/component-api/v9/menu/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/menu/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/menu/slots.md'; ion-menu: API Framework Docs for Types of Menu Components @@ -24,7 +24,7 @@ The menu element should be a sibling to the root content element. There can be a ## Basic Usage -import Basic from '@site/static/usage/v8/menu/basic/index.md'; +import Basic from '@site/static/usage/v9/menu/basic/index.md'; @@ -33,7 +33,7 @@ import Basic from '@site/static/usage/v8/menu/basic/index.md'; The [menu toggle](./menu-toggle) component can be used to create custom button that can open or close the menu. -import MenuToggle from '@site/static/usage/v8/menu/toggle/index.md'; +import MenuToggle from '@site/static/usage/v9/menu/toggle/index.md'; @@ -42,7 +42,7 @@ import MenuToggle from '@site/static/usage/v8/menu/toggle/index.md'; The `type` property can be used to customize how menus display in your application. -import MenuType from '@site/static/usage/v8/menu/type/index.md'; +import MenuType from '@site/static/usage/v9/menu/type/index.md'; @@ -53,7 +53,7 @@ Menus are displayed on the `"start"` side by default. In apps that use left-to-r If menus on both sides are needed in an app, the menu can be opened by passing the `side` value to the `open` method on `MenuController`. If a side is not provided, the menu on the `"start"` side will be opened. See the [multiple menus](#multiple-menus) section below for an example using `MenuController`. -import Sides from '@site/static/usage/v8/menu/sides/index.md'; +import Sides from '@site/static/usage/v9/menu/sides/index.md'; @@ -62,7 +62,7 @@ import Sides from '@site/static/usage/v8/menu/sides/index.md'; When multiple menus exist on the same side, we need refer to them by ID instead of side. Otherwise, the wrong menu may be activated. -import Multiple from '@site/static/usage/v8/menu/multiple/index.md'; +import Multiple from '@site/static/usage/v9/menu/multiple/index.md'; @@ -71,7 +71,7 @@ import Multiple from '@site/static/usage/v8/menu/multiple/index.md'; ### CSS Shadow Parts -import Theming from '@site/static/usage/v8/menu/theming/index.md'; +import Theming from '@site/static/usage/v9/menu/theming/index.md'; diff --git a/docs/api/modal.md b/docs/api/modal.md index 1249e2a813b..5695cfbc580 100644 --- a/docs/api/modal.md +++ b/docs/api/modal.md @@ -1,12 +1,12 @@ --- title: "ion-modal" --- -import Props from '@ionic-internal/component-api/v8/modal/props.md'; -import Events from '@ionic-internal/component-api/v8/modal/events.md'; -import Methods from '@ionic-internal/component-api/v8/modal/methods.md'; -import Parts from '@ionic-internal/component-api/v8/modal/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/modal/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/modal/slots.md'; +import Props from '@ionic-internal/component-api/v9/modal/props.md'; +import Events from '@ionic-internal/component-api/v9/modal/events.md'; +import Methods from '@ionic-internal/component-api/v9/modal/methods.md'; +import Parts from '@ionic-internal/component-api/v9/modal/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/modal/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/modal/slots.md'; ion-modal: Ionic Mobile App Custom Modal API Component @@ -25,7 +25,7 @@ A Modal is a dialog that appears on top of the app's content, and must be dismis When using `ion-modal` with Angular, React, or Vue, the component you pass in will be destroyed when the modal is dismissed. As this functionality is provided by the JavaScript framework, using `ion-modal` without a JavaScript framework will not destroy the component you passed in. If this is a needed functionality, we recommend using the `modalController` instead. -import InlineModalTriggerExample from '@site/static/usage/v8/modal/inline/basic/index.md'; +import InlineModalTriggerExample from '@site/static/usage/v9/modal/inline/basic/index.md'; @@ -35,7 +35,7 @@ The `isOpen` property on `ion-modal` allows developers to control the presentati `isOpen` uses a one-way data binding, meaning it will not automatically be set to `false` when the modal is dismissed. Developers should listen for the `ionModalDidDismiss` or `didDismiss` event and set `isOpen` to `false`. The reason for this is it prevents the internals of `ion-modal` from being tightly coupled with the state of the application. With a one way data binding, the modal only needs to concern itself with the boolean value that the reactive variable provides. With a two way data binding, the modal needs to concern itself with both the boolean value as well as the existence of the reactive variable itself. This can lead to non-deterministic behaviors and make applications harder to debug. -import InlineModalIsOpenExample from '@site/static/usage/v8/modal/inline/is-open/index.md'; +import InlineModalIsOpenExample from '@site/static/usage/v9/modal/inline/is-open/index.md'; @@ -43,7 +43,7 @@ import InlineModalIsOpenExample from '@site/static/usage/v8/modal/inline/is-open With the `modalController` developers can present an `ion-modal` programmatically. Developers will have complete control over when a modal is presented and dismissed. -import ControllerExample from '@site/static/usage/v8/modal/controller/index.md'; +import ControllerExample from '@site/static/usage/v9/modal/controller/index.md'; @@ -63,7 +63,7 @@ Developers can set `canDismiss` to a boolean value. If `canDismiss` is `true`, t Setting a boolean value should be used when you need to require a particular action to be taken prior to a modal being dismissed. For example, if developers want to require that a "Terms of Use" checkbox is checked prior to closing the modal, they could set `canDismiss` to `false` initially and update it to `true` when the checkbox is checked. -import CanDismissBooleanExample from '@site/static/usage/v8/modal/can-dismiss/boolean/index.md'; +import CanDismissBooleanExample from '@site/static/usage/v9/modal/can-dismiss/boolean/index.md'; @@ -75,7 +75,7 @@ Setting a callback function should be used when you have complex dismissing crit Note that setting a callback function will cause the swipe gesture to be interrupted when using a card or sheet modal. This is because Ionic does not know what your callback function will resolve to ahead of time. -import CanDismissFunctionExample from '@site/static/usage/v8/modal/can-dismiss/function/index.md'; +import CanDismissFunctionExample from '@site/static/usage/v9/modal/can-dismiss/function/index.md'; @@ -83,7 +83,7 @@ import CanDismissFunctionExample from '@site/static/usage/v8/modal/can-dismiss/f Developers may want to prevent users from swiping to close a card or sheet modal. This can be done by setting a callback function for `canDismiss` and checking if the `role` is not `gesture`. -import CanDismissPreventSwipeToCloseExample from '@site/static/usage/v8/modal/can-dismiss/prevent-swipe-to-close/index.md'; +import CanDismissPreventSwipeToCloseExample from '@site/static/usage/v9/modal/can-dismiss/prevent-swipe-to-close/index.md'; @@ -95,7 +95,7 @@ To achieve this customization, child components can employ various techniques su Here's a simplified example illustrating how a child component can interact with a parent component to modify the `canDismiss` callback: -import CanDismissChildStateExample from '@site/static/usage/v8/modal/can-dismiss/child-state/index.md'; +import CanDismissChildStateExample from '@site/static/usage/v9/modal/can-dismiss/child-state/index.md'; @@ -111,7 +111,7 @@ The `canDismiss` property can be used to control whether or not the card modal c The card display style is only available on iOS. ::: -import CardExample from '@site/static/usage/v8/modal/card/basic/index.md'; +import CardExample from '@site/static/usage/v9/modal/card/basic/index.md'; @@ -129,13 +129,13 @@ The `initialBreakpoint` property is required so that the sheet modal knows which The `backdropBreakpoint` property can be used to customize the point at which the `ion-backdrop` will begin to fade in. This is useful when creating interfaces that have content underneath the sheet that should remain interactive. A common use case is a sheet modal that overlays a map where the map is interactive until the sheet is fully expanded. -import SheetExample from '@site/static/usage/v8/modal/sheet/basic/index.md'; +import SheetExample from '@site/static/usage/v9/modal/sheet/basic/index.md'; ### Interacting with background content -import SheetBackgroundContentExample from '@site/static/usage/v8/modal/sheet/background-content/index.md'; +import SheetBackgroundContentExample from '@site/static/usage/v9/modal/sheet/background-content/index.md'; @@ -145,7 +145,7 @@ Developers should use the `--height` CSS Variable to change the height of the sh The following example shows how to get a sheet modal that is automatically sized based on its content. Note that by keeping the maximum breakpoint at `1` we ensure that the entire modal is accessible in the viewport. -import SheetAutoHeightExample from '@site/static/usage/v8/modal/sheet/auto-height/index.md'; +import SheetAutoHeightExample from '@site/static/usage/v9/modal/sheet/auto-height/index.md'; @@ -153,7 +153,7 @@ import SheetAutoHeightExample from '@site/static/usage/v8/modal/sheet/auto-heigh Sheet modals can optionally render a handle indicator used for dragging the sheet between breakpoints. The `handleBehavior` property can be used to configure the behavior of when the handle is activated by the user. -import SheetHandleBehaviorExample from '@site/static/usage/v8/modal/sheet/handle-behavior/index.md'; +import SheetHandleBehaviorExample from '@site/static/usage/v9/modal/sheet/handle-behavior/index.md'; @@ -161,7 +161,7 @@ import SheetHandleBehaviorExample from '@site/static/usage/v8/modal/sheet/handle Sheet modals can be configured to allow scrolling content at all breakpoints, making them ideal for displaying content larger than the viewport. By setting the `expandToScroll` property to `false`, the content remains scrollable at every breakpoint. Otherwise, by default, scrolling is only enabled when the sheet modal is fully expanded. -import SheetScrollingContentExample from '@site/static/usage/v8/modal/sheet/expand-to-scroll/index.md'; +import SheetScrollingContentExample from '@site/static/usage/v9/modal/sheet/expand-to-scroll/index.md'; @@ -185,7 +185,7 @@ ion-modal.stack-modal { } ``` -import ThemeExample from '@site/static/usage/v8/modal/styling/theming/index.md'; +import ThemeExample from '@site/static/usage/v9/modal/styling/theming/index.md'; @@ -193,7 +193,7 @@ import ThemeExample from '@site/static/usage/v8/modal/styling/theming/index.md'; The enter and leave animations can be customized by using our animation builder and assigning animations to `enterAnimation` and `leaveAnimation`. -import AnimationsExample from '@site/static/usage/v8/modal/styling/animations/index.md'; +import AnimationsExample from '@site/static/usage/v9/modal/styling/animations/index.md'; @@ -201,7 +201,7 @@ import AnimationsExample from '@site/static/usage/v8/modal/styling/animations/in While `ion-modal` is most often used for full-page views, cards, or sheets, it is also possible to use it for custom dialogs. This is useful if developers need an interface that is more complex than what components such as [ion-alert](./alert) or [ion-loading](./loading) provide. -import CustomDialogs from '@site/static/usage/v8/modal/custom-dialogs/index.md'; +import CustomDialogs from '@site/static/usage/v9/modal/custom-dialogs/index.md'; @@ -290,7 +290,7 @@ When the backdrop is disabled, users will be able to interact with elements outs The content of an inline `ion-modal` is unmounted when closed. If this content is expensive to render, developers can use the `keepContentsMounted` property to mount the content as soon as the modal is mounted. This can help optimize the responsiveness of your application as the inner contents will have already been mounted when the modal opens. -import Mount from '@site/static/usage/v8/modal/performance/mount/index.md'; +import Mount from '@site/static/usage/v9/modal/performance/mount/index.md'; diff --git a/docs/api/nav-link.md b/docs/api/nav-link.md index 07ca0961548..d935652579a 100644 --- a/docs/api/nav-link.md +++ b/docs/api/nav-link.md @@ -1,12 +1,12 @@ --- title: "ion-nav-link" --- -import Props from '@ionic-internal/component-api/v8/nav-link/props.md'; -import Events from '@ionic-internal/component-api/v8/nav-link/events.md'; -import Methods from '@ionic-internal/component-api/v8/nav-link/methods.md'; -import Parts from '@ionic-internal/component-api/v8/nav-link/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/nav-link/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/nav-link/slots.md'; +import Props from '@ionic-internal/component-api/v9/nav-link/props.md'; +import Events from '@ionic-internal/component-api/v9/nav-link/events.md'; +import Methods from '@ionic-internal/component-api/v9/nav-link/methods.md'; +import Parts from '@ionic-internal/component-api/v9/nav-link/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/nav-link/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/nav-link/slots.md'; ion-nav-link: Navigation Links to a Specified Component diff --git a/docs/api/nav.md b/docs/api/nav.md index ff8bba63acf..b0cc2ef3588 100644 --- a/docs/api/nav.md +++ b/docs/api/nav.md @@ -1,12 +1,12 @@ --- title: "ion-nav" --- -import Props from '@ionic-internal/component-api/v8/nav/props.md'; -import Events from '@ionic-internal/component-api/v8/nav/events.md'; -import Methods from '@ionic-internal/component-api/v8/nav/methods.md'; -import Parts from '@ionic-internal/component-api/v8/nav/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/nav/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/nav/slots.md'; +import Props from '@ionic-internal/component-api/v9/nav/props.md'; +import Events from '@ionic-internal/component-api/v9/nav/events.md'; +import Methods from '@ionic-internal/component-api/v9/nav/methods.md'; +import Parts from '@ionic-internal/component-api/v9/nav/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/nav/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/nav/slots.md'; ion-nav: Nav View Component for Ionic Framework Apps @@ -29,7 +29,7 @@ Unlike Router Outlet, Nav is not tied to a particular router. This means that if NavLink is a simplified API when interacting with Nav. Developers can customize the component, pass along component properties, modify the direction of the route animation or define a custom animation when navigating. -import NavLinkExample from '@site/static/usage/v8/nav/nav-link/index.md'; +import NavLinkExample from '@site/static/usage/v9/nav/nav-link/index.md'; @@ -43,7 +43,7 @@ The example below uses a reference to Nav and the public method APIs to push and ::: -import ModalNavigationExample from '@site/static/usage/v8/nav/modal-navigation/index.md'; +import ModalNavigationExample from '@site/static/usage/v9/nav/modal-navigation/index.md'; diff --git a/docs/api/note.md b/docs/api/note.md index 41bfcb48844..74a2cc899ee 100644 --- a/docs/api/note.md +++ b/docs/api/note.md @@ -1,12 +1,12 @@ --- title: "ion-note" --- -import Props from '@ionic-internal/component-api/v8/note/props.md'; -import Events from '@ionic-internal/component-api/v8/note/events.md'; -import Methods from '@ionic-internal/component-api/v8/note/methods.md'; -import Parts from '@ionic-internal/component-api/v8/note/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/note/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/note/slots.md'; +import Props from '@ionic-internal/component-api/v9/note/props.md'; +import Events from '@ionic-internal/component-api/v9/note/events.md'; +import Methods from '@ionic-internal/component-api/v9/note/methods.md'; +import Parts from '@ionic-internal/component-api/v9/note/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/note/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/note/slots.md'; ion-note: Note Text Elements for iOS and Android Ionic Apps @@ -21,13 +21,13 @@ Notes are text elements generally used as subtitles that provide more informatio ## Basic Usage -import Basic from '@site/static/usage/v8/note/basic/index.md'; +import Basic from '@site/static/usage/v9/note/basic/index.md'; ## Item Notes -import Item from '@site/static/usage/v8/note/item/index.md'; +import Item from '@site/static/usage/v9/note/item/index.md'; @@ -35,13 +35,13 @@ import Item from '@site/static/usage/v8/note/item/index.md'; ### Colors -import Colors from '@site/static/usage/v8/note/theming/colors/index.md'; +import Colors from '@site/static/usage/v9/note/theming/colors/index.md'; ### CSS Custom Properties -import CSSProps from '@site/static/usage/v8/note/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v9/note/theming/css-properties/index.md'; diff --git a/docs/api/picker-column-option.md b/docs/api/picker-column-option.md index ea1f428b45a..7a43a9d058e 100644 --- a/docs/api/picker-column-option.md +++ b/docs/api/picker-column-option.md @@ -1,12 +1,12 @@ --- title: "ion-picker-column-option" --- -import Props from '@ionic-internal/component-api/v8/picker-column-option/props.md'; -import Events from '@ionic-internal/component-api/v8/picker-column-option/events.md'; -import Methods from '@ionic-internal/component-api/v8/picker-column-option/methods.md'; -import Parts from '@ionic-internal/component-api/v8/picker-column-option/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/picker-column-option/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/picker-column-option/slots.md'; +import Props from '@ionic-internal/component-api/v9/picker-column-option/props.md'; +import Events from '@ionic-internal/component-api/v9/picker-column-option/events.md'; +import Methods from '@ionic-internal/component-api/v9/picker-column-option/methods.md'; +import Parts from '@ionic-internal/component-api/v9/picker-column-option/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/picker-column-option/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/picker-column-option/slots.md'; ion-picker-column-option: The individual options within a column in a picker. diff --git a/docs/api/picker-column.md b/docs/api/picker-column.md index 48280cdd380..51fc1740293 100644 --- a/docs/api/picker-column.md +++ b/docs/api/picker-column.md @@ -1,12 +1,12 @@ --- title: "ion-picker-column" --- -import Props from '@ionic-internal/component-api/v8/picker-column/props.md'; -import Events from '@ionic-internal/component-api/v8/picker-column/events.md'; -import Methods from '@ionic-internal/component-api/v8/picker-column/methods.md'; -import Parts from '@ionic-internal/component-api/v8/picker-column/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/picker-column/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/picker-column/slots.md'; +import Props from '@ionic-internal/component-api/v9/picker-column/props.md'; +import Events from '@ionic-internal/component-api/v9/picker-column/events.md'; +import Methods from '@ionic-internal/component-api/v9/picker-column/methods.md'; +import Parts from '@ionic-internal/component-api/v9/picker-column/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/picker-column/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/picker-column/slots.md'; ion-picker-column: Individual columns within a picker diff --git a/docs/api/picker-legacy.md b/docs/api/picker-legacy.md index 077077f6baf..19813672ab7 100644 --- a/docs/api/picker-legacy.md +++ b/docs/api/picker-legacy.md @@ -1,12 +1,12 @@ --- title: "ion-picker-legacy" --- -import Props from '@ionic-internal/component-api/v8/picker-legacy/props.md'; -import Events from '@ionic-internal/component-api/v8/picker-legacy/events.md'; -import Methods from '@ionic-internal/component-api/v8/picker-legacy/methods.md'; -import Parts from '@ionic-internal/component-api/v8/picker-legacy/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/picker-legacy/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/picker-legacy/slots.md'; +import Props from '@ionic-internal/component-api/v9/picker-legacy/props.md'; +import Events from '@ionic-internal/component-api/v9/picker-legacy/events.md'; +import Methods from '@ionic-internal/component-api/v9/picker-legacy/methods.md'; +import Parts from '@ionic-internal/component-api/v9/picker-legacy/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/picker-legacy/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/picker-legacy/slots.md'; ion-picker-legacy: A Dialog That Displays Buttons and Columns @@ -29,7 +29,7 @@ A Picker is a dialog that displays a row of buttons and columns underneath. It a `ion-picker-legacy` can be used by writing the component directly in your template. This reduces the number of handlers you need to wire up in order to present the Picker. -import Trigger from '@site/static/usage/v8/picker-legacy/inline/trigger/index.md'; +import Trigger from '@site/static/usage/v9/picker-legacy/inline/trigger/index.md'; @@ -39,7 +39,7 @@ The `isOpen` property on `ion-picker-legacy` allows developers to control the pr `isOpen` uses a one-way data binding, meaning it will not automatically be set to `false` when the Picker is dismissed. Developers should listen for the `ionPickerDidDismiss` or `didDismiss` event and set `isOpen` to `false`. The reason for this is it prevents the internals of `ion-picker` from being tightly coupled with the state of the application. With a one way data binding, the Picker only needs to concern itself with the boolean value that the reactive variable provides. With a two way data binding, the Picker needs to concern itself with both the boolean value as well as the existence of the reactive variable itself. This can lead to non-deterministic behaviors and make applications harder to debug. -import IsOpen from '@site/static/usage/v8/picker-legacy/inline/isOpen/index.md'; +import IsOpen from '@site/static/usage/v9/picker-legacy/inline/isOpen/index.md'; @@ -47,7 +47,7 @@ import IsOpen from '@site/static/usage/v8/picker-legacy/inline/isOpen/index.md'; The `pickerController` can be used in situations where more control is needed over when the Picker is presented and dismissed. -import Controller from '@site/static/usage/v8/picker-legacy/controller/index.md'; +import Controller from '@site/static/usage/v9/picker-legacy/controller/index.md'; @@ -55,7 +55,7 @@ import Controller from '@site/static/usage/v8/picker-legacy/controller/index.md' The `columns` property can be used to display a Picker with multiple columns of different options. -import MultipleColumn from '@site/static/usage/v8/picker-legacy/multiple-column/index.md'; +import MultipleColumn from '@site/static/usage/v9/picker-legacy/multiple-column/index.md'; diff --git a/docs/api/picker.md b/docs/api/picker.md index 888ec7e5286..5fd224eca6d 100644 --- a/docs/api/picker.md +++ b/docs/api/picker.md @@ -1,12 +1,12 @@ --- title: "ion-picker" --- -import Props from '@ionic-internal/component-api/v8/picker/props.md'; -import Events from '@ionic-internal/component-api/v8/picker/events.md'; -import Methods from '@ionic-internal/component-api/v8/picker/methods.md'; -import Parts from '@ionic-internal/component-api/v8/picker/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/picker/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/picker/slots.md'; +import Props from '@ionic-internal/component-api/v9/picker/props.md'; +import Events from '@ionic-internal/component-api/v9/picker/events.md'; +import Methods from '@ionic-internal/component-api/v9/picker/methods.md'; +import Parts from '@ionic-internal/component-api/v9/picker/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/picker/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/picker/slots.md'; ion-picker: Display a list of options in columns @@ -19,7 +19,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; A Picker displays one or more columns with options for users to choose from. -import Basic from '@site/static/usage/v8/picker/basic/index.md'; +import Basic from '@site/static/usage/v9/picker/basic/index.md'; @@ -27,7 +27,7 @@ import Basic from '@site/static/usage/v8/picker/basic/index.md'; Use the `prefix` and `suffix` slots to add additional content to the picker. -import PrefixSuffix from '@site/static/usage/v8/picker/prefix-suffix/index.md'; +import PrefixSuffix from '@site/static/usage/v9/picker/prefix-suffix/index.md'; @@ -37,7 +37,7 @@ import PrefixSuffix from '@site/static/usage/v8/picker/prefix-suffix/index.md'; The picker highlight and fade can be customized using CSS variables on `ion-picker`. Developers can customize the individual appearance of `ion-picker-column-options` by targeting them directly and using host level styling. -import CSSProps from '@site/static/usage/v8/picker/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v9/picker/theming/css-properties/index.md'; @@ -45,7 +45,7 @@ import CSSProps from '@site/static/usage/v8/picker/theming/css-properties/index. Pickers can be displayed inside of overlays, such as `ion-modal` to create a picker experience with confirmation or cancellation buttons. -import ModalExample from '@site/static/usage/v8/picker/modal/index.md'; +import ModalExample from '@site/static/usage/v9/picker/modal/index.md'; diff --git a/docs/api/popover.md b/docs/api/popover.md index 7739c98e49a..53e43aacb28 100644 --- a/docs/api/popover.md +++ b/docs/api/popover.md @@ -1,12 +1,12 @@ --- title: "ion-popover" --- -import Props from '@ionic-internal/component-api/v8/popover/props.md'; -import Events from '@ionic-internal/component-api/v8/popover/events.md'; -import Methods from '@ionic-internal/component-api/v8/popover/methods.md'; -import Parts from '@ionic-internal/component-api/v8/popover/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/popover/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/popover/slots.md'; +import Props from '@ionic-internal/component-api/v9/popover/props.md'; +import Events from '@ionic-internal/component-api/v9/popover/events.md'; +import Methods from '@ionic-internal/component-api/v9/popover/methods.md'; +import Parts from '@ionic-internal/component-api/v9/popover/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/popover/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/popover/slots.md'; ion-popover: iOS / Android Popover UI Dialog Component @@ -54,7 +54,7 @@ A trigger for an inline `ion-popover` is the element that will open a popover wh Triggers are not applicable when using the `popoverController` because the `ion-popover` is not created ahead of time. ::: -import InlineTrigger from '@site/static/usage/v8/popover/presenting/inline-trigger/index.md'; +import InlineTrigger from '@site/static/usage/v9/popover/presenting/inline-trigger/index.md'; @@ -65,7 +65,7 @@ Inline popovers can also be opened by setting the `isOpen` property to `true`. T `isOpen` uses a one-way data binding, meaning it will not automatically be set to `false` when the popover is dismissed. Developers should listen for the `ionPopoverDidDismiss` or `didDismiss` event and set `isOpen` to `false`. The reason for this is it prevents the internals of `ion-popover` from being tightly coupled with the state of the application. With a one way data binding, the popover only needs to concern itself with the boolean value that the reactive variable provides. With a two way data binding, the popover needs to concern itself with both the boolean value as well as the existence of the reactive variable itself. This can lead to non-deterministic behaviors and make applications harder to debug. -import IsOpenTrigger from '@site/static/usage/v8/popover/presenting/inline-isopen/index.md'; +import IsOpenTrigger from '@site/static/usage/v9/popover/presenting/inline-isopen/index.md'; @@ -83,7 +83,7 @@ Instead of a controller, React has a hook called `useIonPopover` which behaves i ### Usage -import ControllerExample from '@site/static/usage/v8/popover/presenting/controller/index.md'; +import ControllerExample from '@site/static/usage/v9/popover/presenting/controller/index.md'; @@ -96,7 +96,7 @@ Popovers are presented at the root of your application so they overlay your enti If you are building an Ionic Angular app, the styles need to be added to a global stylesheet file. ::: -import Styling from '@site/static/usage/v8/popover/customization/styling/index.md'; +import Styling from '@site/static/usage/v9/popover/customization/styling/index.md'; @@ -117,7 +117,7 @@ The `alignment` property allows you to line up an edge of your popover with a co ### Side and Alignment Demo -import Positioning from '@site/static/usage/v8/popover/customization/positioning/index.md'; +import Positioning from '@site/static/usage/v9/popover/customization/positioning/index.md'; @@ -131,7 +131,7 @@ When making dropdown menus, you may want to have the width of the popover match If you are using the `popoverController`, you must provide an event via the `event` option and Ionic Framework will use `event.target` as the reference element. See the [controller demo](#controller-popovers) for an example of this pattern. -import Sizing from '@site/static/usage/v8/popover/customization/sizing/index.md'; +import Sizing from '@site/static/usage/v9/popover/customization/sizing/index.md'; @@ -145,7 +145,7 @@ You can use the `dismissOnSelect` property to automatically close the popover wh Nested popovers cannot be created when using the `popoverController` because the popover is automatically added to the root of your application when the `create` method is called. ::: -import NestedPopover from '@site/static/usage/v8/popover/nested/index.md'; +import NestedPopover from '@site/static/usage/v9/popover/nested/index.md'; @@ -225,7 +225,7 @@ type PositionAlign = 'start' | 'center' | 'end'; The content of an inline `ion-popover` is unmounted when closed. If this content is expensive to render, developers can use the `keepContentsMounted` property to mount the content as soon as the popover is mounted. This can help optimize the responsiveness of your application as the inner contents will have already been mounted when the popover opens. -import Mount from '@site/static/usage/v8/popover/performance/mount/index.md'; +import Mount from '@site/static/usage/v9/popover/performance/mount/index.md'; diff --git a/docs/api/progress-bar.md b/docs/api/progress-bar.md index 17c390780d4..7b3515b57e0 100644 --- a/docs/api/progress-bar.md +++ b/docs/api/progress-bar.md @@ -1,12 +1,12 @@ --- title: "ion-progress-bar" --- -import Props from '@ionic-internal/component-api/v8/progress-bar/props.md'; -import Events from '@ionic-internal/component-api/v8/progress-bar/events.md'; -import Methods from '@ionic-internal/component-api/v8/progress-bar/methods.md'; -import Parts from '@ionic-internal/component-api/v8/progress-bar/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/progress-bar/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/progress-bar/slots.md'; +import Props from '@ionic-internal/component-api/v9/progress-bar/props.md'; +import Events from '@ionic-internal/component-api/v9/progress-bar/events.md'; +import Methods from '@ionic-internal/component-api/v9/progress-bar/methods.md'; +import Parts from '@ionic-internal/component-api/v9/progress-bar/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/progress-bar/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/progress-bar/slots.md'; ion-progress-bar: App Progress Bar for Loading Indicator @@ -24,7 +24,7 @@ Progress bars inform users about the status of ongoing processes, such as loadin Determinate is the default type. It should be used when the percentage of an operation is known. The progress is represented by setting the `value` property. This can be used to show the progress increasing from 0 to 100% of the track. -import Determinate from '@site/static/usage/v8/progress-bar/determinate/index.md'; +import Determinate from '@site/static/usage/v9/progress-bar/determinate/index.md'; @@ -32,7 +32,7 @@ import Determinate from '@site/static/usage/v8/progress-bar/determinate/index.md If the `buffer` property is set, a buffer stream will show with animated circles to indicate activity. The value of the `buffer` property will also be represented by how much visible track there is. If the value of `buffer` is less than the `value` property, there will be no visible track. If `buffer` is equal to `1` then the buffer stream will be hidden. -import Buffer from '@site/static/usage/v8/progress-bar/buffer/index.md'; +import Buffer from '@site/static/usage/v9/progress-bar/buffer/index.md'; @@ -41,7 +41,7 @@ import Buffer from '@site/static/usage/v8/progress-bar/buffer/index.md'; The indeterminate type should be used when it is unknown how long the process will take. The progress bar is not tied to the `value`, instead it continually slides along the track until the process is complete. -import Indeterminate from '@site/static/usage/v8/progress-bar/indeterminate/index.md'; +import Indeterminate from '@site/static/usage/v9/progress-bar/indeterminate/index.md'; @@ -49,7 +49,7 @@ import Indeterminate from '@site/static/usage/v8/progress-bar/indeterminate/inde ## Progress Bars in Toolbars -import Toolbar from '@site/static/usage/v8/toolbar/progress-bars/index.md'; +import Toolbar from '@site/static/usage/v9/toolbar/progress-bars/index.md'; @@ -58,21 +58,21 @@ import Toolbar from '@site/static/usage/v8/toolbar/progress-bars/index.md'; ### Colors -import Colors from '@site/static/usage/v8/progress-bar/theming/colors/index.md'; +import Colors from '@site/static/usage/v9/progress-bar/theming/colors/index.md'; ### CSS Custom Properties -import CSSProps from '@site/static/usage/v8/progress-bar/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v9/progress-bar/theming/css-properties/index.md'; ### CSS Shadow Parts -import CSSParts from '@site/static/usage/v8/progress-bar/theming/css-shadow-parts/index.md'; +import CSSParts from '@site/static/usage/v9/progress-bar/theming/css-shadow-parts/index.md'; diff --git a/docs/api/radio-group.md b/docs/api/radio-group.md index 9aa7d01fe14..24892653dff 100644 --- a/docs/api/radio-group.md +++ b/docs/api/radio-group.md @@ -1,12 +1,12 @@ --- title: "ion-radio-group" --- -import Props from '@ionic-internal/component-api/v8/radio-group/props.md'; -import Events from '@ionic-internal/component-api/v8/radio-group/events.md'; -import Methods from '@ionic-internal/component-api/v8/radio-group/methods.md'; -import Parts from '@ionic-internal/component-api/v8/radio-group/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/radio-group/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/radio-group/slots.md'; +import Props from '@ionic-internal/component-api/v9/radio-group/props.md'; +import Events from '@ionic-internal/component-api/v9/radio-group/events.md'; +import Methods from '@ionic-internal/component-api/v9/radio-group/methods.md'; +import Parts from '@ionic-internal/component-api/v9/radio-group/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/radio-group/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/radio-group/slots.md'; ion-radio-group: Radio Button Group Usage for Ionic Apps diff --git a/docs/api/radio.md b/docs/api/radio.md index 62a86923dda..c9d4a715b48 100644 --- a/docs/api/radio.md +++ b/docs/api/radio.md @@ -1,12 +1,12 @@ --- title: "ion-radio" --- -import Props from '@ionic-internal/component-api/v8/radio/props.md'; -import Events from '@ionic-internal/component-api/v8/radio/events.md'; -import Methods from '@ionic-internal/component-api/v8/radio/methods.md'; -import Parts from '@ionic-internal/component-api/v8/radio/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/radio/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/radio/slots.md'; +import Props from '@ionic-internal/component-api/v9/radio/props.md'; +import Events from '@ionic-internal/component-api/v9/radio/events.md'; +import Methods from '@ionic-internal/component-api/v9/radio/methods.md'; +import Parts from '@ionic-internal/component-api/v9/radio/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/radio/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/radio/slots.md'; ion-radio: Radio Component for iOS and Android @@ -24,7 +24,7 @@ When radios are inside of a radio group, only one radio will be checked at any t ## Basic Usage -import Basic from '@site/static/usage/v8/radio/basic/index.md'; +import Basic from '@site/static/usage/v9/radio/basic/index.md'; @@ -32,7 +32,7 @@ import Basic from '@site/static/usage/v8/radio/basic/index.md'; Developers can use the `labelPlacement` property to control how the label is placed relative to the control. This property mirrors the flexbox `flex-direction` property. -import LabelPlacement from '@site/static/usage/v8/radio/label-placement/index.md'; +import LabelPlacement from '@site/static/usage/v9/radio/label-placement/index.md'; @@ -40,7 +40,7 @@ import LabelPlacement from '@site/static/usage/v8/radio/label-placement/index.md Regardless of label placement, long text will not wrap by default. If the width of the radio is constrained, overflowing text will be truncated with an ellipsis. You can enable text wrapping by adding the `ion-text-wrap` class to a wrapper around the radio text or styling the `label` shadow part using the `::part()` selector. -import LabelWrap from '@site/static/usage/v8/radio/label-wrap/index.md'; +import LabelWrap from '@site/static/usage/v9/radio/label-wrap/index.md'; @@ -48,7 +48,7 @@ import LabelWrap from '@site/static/usage/v8/radio/label-wrap/index.md'; By default, the radio group uses strict equality (`===`) to determine if an option is selected. This can be overridden by providing a property name or a function to the `compareWith` property. -import UsingComparewith from '@site/static/usage/v8/radio/using-comparewith/index.md'; +import UsingComparewith from '@site/static/usage/v9/radio/using-comparewith/index.md'; @@ -60,7 +60,7 @@ Developers can use the `alignment` property to control how the label and control Stacked radios can be aligned using the `alignment` property. This can be useful when the label and control need to be centered horizontally. ::: -import Alignment from '@site/static/usage/v8/radio/alignment/index.md'; +import Alignment from '@site/static/usage/v9/radio/alignment/index.md'; @@ -68,7 +68,7 @@ import Alignment from '@site/static/usage/v8/radio/alignment/index.md'; Developers can use the `justify` property to control how the label and control are packed on a line. This property mirrors the flexbox `justify-content` property. -import Justify from '@site/static/usage/v8/radio/justify/index.md'; +import Justify from '@site/static/usage/v9/radio/justify/index.md'; @@ -80,7 +80,7 @@ import Justify from '@site/static/usage/v8/radio/justify/index.md'; By default, once a radio is selected it cannot be deselected; pressing it again will keep it selected. This behavior can be modified by using the `allowEmptySelection` property on the parent radio group, which enables the radios to be deselected. -import EmptySelection from '@site/static/usage/v8/radio/empty-selection/index.md'; +import EmptySelection from '@site/static/usage/v9/radio/empty-selection/index.md'; @@ -90,7 +90,7 @@ Helper and error text can be used inside of a radio group with the `helperText` In Angular, this is done automatically through form validation. In JavaScript, React and Vue, the class needs to be manually added based on your own validation. -import HelperError from '@site/static/usage/v8/radio/helper-error/index.md'; +import HelperError from '@site/static/usage/v9/radio/helper-error/index.md'; @@ -99,19 +99,19 @@ import HelperError from '@site/static/usage/v8/radio/helper-error/index.md'; ### Colors -import Colors from '@site/static/usage/v8/radio/theming/colors/index.md'; +import Colors from '@site/static/usage/v9/radio/theming/colors/index.md'; ### CSS Custom Properties -import CSSProps from '@site/static/usage/v8/radio/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v9/radio/theming/css-properties/index.md'; ### CSS Shadow Parts -import CSSParts from '@site/static/usage/v8/radio/theming/css-shadow-parts/index.md'; +import CSSParts from '@site/static/usage/v9/radio/theming/css-shadow-parts/index.md'; diff --git a/docs/api/range.md b/docs/api/range.md index fdb042bb3e9..8dfec042426 100644 --- a/docs/api/range.md +++ b/docs/api/range.md @@ -1,12 +1,12 @@ --- title: "ion-range" --- -import Props from '@ionic-internal/component-api/v8/range/props.md'; -import Events from '@ionic-internal/component-api/v8/range/events.md'; -import Methods from '@ionic-internal/component-api/v8/range/methods.md'; -import Parts from '@ionic-internal/component-api/v8/range/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/range/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/range/slots.md'; +import Props from '@ionic-internal/component-api/v9/range/props.md'; +import Events from '@ionic-internal/component-api/v9/range/events.md'; +import Methods from '@ionic-internal/component-api/v9/range/methods.md'; +import Parts from '@ionic-internal/component-api/v9/range/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/range/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/range/slots.md'; ion-range: Range Slider Knob Controls with Labels @@ -34,7 +34,7 @@ Labels should be used to describe the range. They can be used visually, and they The below demo shows how to use the `labelPlacement` property to change the position of the label relative to the range. While the `label` property is used here, `labelPlacement` can also be used with the `label` slot. -import LabelsPlayground from '@site/static/usage/v8/range/labels/index.md'; +import LabelsPlayground from '@site/static/usage/v9/range/labels/index.md'; @@ -42,7 +42,7 @@ import LabelsPlayground from '@site/static/usage/v8/range/labels/index.md'; While plaintext labels should be passed in via the `label` property, if custom HTML is needed, it can be passed through the `label` slot instead. -import LabelSlotPlayground from '@site/static/usage/v8/range/label-slot/index.md'; +import LabelSlotPlayground from '@site/static/usage/v9/range/label-slot/index.md'; @@ -50,7 +50,7 @@ import LabelSlotPlayground from '@site/static/usage/v8/range/label-slot/index.md If no visible label is needed, developers should still supply an `aria-label` so the range is accessible to screen readers. -import NoVisibleLabel from '@site/static/usage/v8/range/no-visible-label/index.md'; +import NoVisibleLabel from '@site/static/usage/v9/range/no-visible-label/index.md'; @@ -60,7 +60,7 @@ Decorative elements can be passed into the `start` or `end` slots of the range. If the directionality of the document is set to left to right, the contents slotted to the `start` position will display to the left of the range, where as contents slotted to the `end` position will display to the right of the range. In right to left (rtl) directionality, the contents slotted to the `start` position will display to the right of the range, where as contents slotted to the `end` position will display to the left of the range. -import DecorationsPlayground from '@site/static/usage/v8/range/slots/index.md'; +import DecorationsPlayground from '@site/static/usage/v9/range/slots/index.md'; @@ -68,7 +68,7 @@ import DecorationsPlayground from '@site/static/usage/v8/range/slots/index.md'; Dual knobs introduce two knob controls that users can use to select a value at a lower and upper bounds. When selected, the Range will emit an `ionChange` event with a [RangeValue](#rangevalue), containing the upper and lower values selected. -import DualKnobs from '@site/static/usage/v8/range/dual-knobs/index.md'; +import DualKnobs from '@site/static/usage/v9/range/dual-knobs/index.md'; @@ -78,7 +78,7 @@ The `pin` attribute will display the value of the Range above the knob when drag With the `pinFormatter` function, developers can customize the formatting of the range value to the user. -import Pins from '@site/static/usage/v8/range/pins/index.md'; +import Pins from '@site/static/usage/v9/range/pins/index.md'; @@ -88,7 +88,7 @@ Ticks show indications for each available value on the Range. In order to use ti With snapping enabled, the Range knob will snap to the nearest available value as the knob is dragged and released. -import SnappingTicks from '@site/static/usage/v8/range/snapping-ticks/index.md'; +import SnappingTicks from '@site/static/usage/v9/range/snapping-ticks/index.md'; @@ -98,7 +98,7 @@ import SnappingTicks from '@site/static/usage/v8/range/snapping-ticks/index.md'; The `ionChange` event emits as the Range knob value changes. -import IonChangeEvent from '@site/static/usage/v8/range/ion-change-event/index.md'; +import IonChangeEvent from '@site/static/usage/v9/range/ion-change-event/index.md'; @@ -106,7 +106,7 @@ import IonChangeEvent from '@site/static/usage/v8/range/ion-change-event/index.m The `ionKnobMoveStart` event emits when the Range knob begins dragging, whether through mouse drag, touch gesture or keyboard interaction. Inversely, `ionKnobMoveEnd` emits when the Range knob is released. Both events emit with the `RangeValue` type and work in combination with the `dualKnobs` property. -import IonKnobMoveEvent from '@site/static/usage/v8/range/ion-knob-move-event/index.md'; +import IonKnobMoveEvent from '@site/static/usage/v9/range/ion-knob-move-event/index.md'; @@ -116,7 +116,7 @@ import IonKnobMoveEvent from '@site/static/usage/v8/range/ion-knob-move-event/in Range includes [CSS Variables](#css-custom-properties) to quickly theme and customize the appearance of the Range component to match your application's design. -import CSSProps from '@site/static/usage/v8/range/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v9/range/theming/css-properties/index.md'; @@ -124,7 +124,7 @@ import CSSProps from '@site/static/usage/v8/range/theming/css-properties/index.m Range includes [CSS Shadow Parts](#css-shadow-parts) to allow complete customization of specific element nodes within the Range component. CSS Shadow Parts offer the most customization capabilities and are the recommended approach when requiring advance styling with the Range component. -import CSSParts from '@site/static/usage/v8/range/theming/css-shadow-parts/index.md'; +import CSSParts from '@site/static/usage/v9/range/theming/css-shadow-parts/index.md'; diff --git a/docs/api/refresher-content.md b/docs/api/refresher-content.md index 33c04953af0..2b8c7edb653 100644 --- a/docs/api/refresher-content.md +++ b/docs/api/refresher-content.md @@ -1,12 +1,12 @@ --- title: "ion-refresher-content" --- -import Props from '@ionic-internal/component-api/v8/refresher-content/props.md'; -import Events from '@ionic-internal/component-api/v8/refresher-content/events.md'; -import Methods from '@ionic-internal/component-api/v8/refresher-content/methods.md'; -import Parts from '@ionic-internal/component-api/v8/refresher-content/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/refresher-content/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/refresher-content/slots.md'; +import Props from '@ionic-internal/component-api/v9/refresher-content/props.md'; +import Events from '@ionic-internal/component-api/v9/refresher-content/events.md'; +import Methods from '@ionic-internal/component-api/v9/refresher-content/methods.md'; +import Parts from '@ionic-internal/component-api/v9/refresher-content/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/refresher-content/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/refresher-content/slots.md'; import EncapsulationPill from '@components/page/api/EncapsulationPill'; diff --git a/docs/api/refresher.md b/docs/api/refresher.md index 891478317cf..15c2abe8e49 100644 --- a/docs/api/refresher.md +++ b/docs/api/refresher.md @@ -1,12 +1,12 @@ --- title: "ion-refresher" --- -import Props from '@ionic-internal/component-api/v8/refresher/props.md'; -import Events from '@ionic-internal/component-api/v8/refresher/events.md'; -import Methods from '@ionic-internal/component-api/v8/refresher/methods.md'; -import Parts from '@ionic-internal/component-api/v8/refresher/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/refresher/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/refresher/slots.md'; +import Props from '@ionic-internal/component-api/v9/refresher/props.md'; +import Events from '@ionic-internal/component-api/v9/refresher/events.md'; +import Methods from '@ionic-internal/component-api/v9/refresher/methods.md'; +import Parts from '@ionic-internal/component-api/v9/refresher/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/refresher/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/refresher/slots.md'; ion-refresher: Pull-to-Refresh Page Content on Ionic Apps @@ -23,7 +23,7 @@ Data should be modified during the refresher's output events. Once the async ope ## Basic Usage -import Basic from '@site/static/usage/v8/refresher/basic/index.md'; +import Basic from '@site/static/usage/v9/refresher/basic/index.md'; @@ -34,7 +34,7 @@ The refresher has several properties for customizing the pull gesture. Set the ` These properties do not apply when the [native refresher](#native-refreshers) is enabled. -import PullProperties from '@site/static/usage/v8/refresher/pull-properties/index.md'; +import PullProperties from '@site/static/usage/v9/refresher/pull-properties/index.md'; @@ -45,7 +45,7 @@ The default icon, spinner, and text can be customized on the [refresher content] Setting `pullingIcon` will disable the [native refresher](#native-refreshers). -import CustomContent from '@site/static/usage/v8/refresher/custom-content/index.md'; +import CustomContent from '@site/static/usage/v9/refresher/custom-content/index.md'; @@ -89,7 +89,7 @@ Developers should apply the following CSS to the scrollable container. This CSS } ``` -import CustomScrollTarget from '@site/static/usage/v8/refresher/custom-scroll-target/index.md'; +import CustomScrollTarget from '@site/static/usage/v9/refresher/custom-scroll-target/index.md'; @@ -98,7 +98,7 @@ import CustomScrollTarget from '@site/static/usage/v8/refresher/custom-scroll-ta While the refresher can be used with any type of content, a common use case in native apps is to display a list of data that gets updated on refresh. In the below example, the app generates a list of data and then appends data to the top of the list when the refresh is completed. In a real app, the data would be received and updated after sending a request via a network or database call. -import Advanced from '@site/static/usage/v8/refresher/advanced/index.md'; +import Advanced from '@site/static/usage/v9/refresher/advanced/index.md'; diff --git a/docs/api/reorder-group.md b/docs/api/reorder-group.md index 2d1d7f73fd3..a050ea7e982 100644 --- a/docs/api/reorder-group.md +++ b/docs/api/reorder-group.md @@ -1,12 +1,12 @@ --- title: "ion-reorder-group" --- -import Props from '@ionic-internal/component-api/v8/reorder-group/props.md'; -import Events from '@ionic-internal/component-api/v8/reorder-group/events.md'; -import Methods from '@ionic-internal/component-api/v8/reorder-group/methods.md'; -import Parts from '@ionic-internal/component-api/v8/reorder-group/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/reorder-group/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/reorder-group/slots.md'; +import Props from '@ionic-internal/component-api/v9/reorder-group/props.md'; +import Events from '@ionic-internal/component-api/v9/reorder-group/events.md'; +import Methods from '@ionic-internal/component-api/v9/reorder-group/methods.md'; +import Parts from '@ionic-internal/component-api/v9/reorder-group/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/reorder-group/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/reorder-group/slots.md'; ion-reorder-group: Wrapper Component for Reorder Items diff --git a/docs/api/reorder.md b/docs/api/reorder.md index 5f771c9badf..5c9755fb098 100644 --- a/docs/api/reorder.md +++ b/docs/api/reorder.md @@ -1,12 +1,12 @@ --- title: "ion-reorder" --- -import Props from '@ionic-internal/component-api/v8/reorder/props.md'; -import Events from '@ionic-internal/component-api/v8/reorder/events.md'; -import Methods from '@ionic-internal/component-api/v8/reorder/methods.md'; -import Parts from '@ionic-internal/component-api/v8/reorder/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/reorder/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/reorder/slots.md'; +import Props from '@ionic-internal/component-api/v9/reorder/props.md'; +import Events from '@ionic-internal/component-api/v9/reorder/events.md'; +import Methods from '@ionic-internal/component-api/v9/reorder/methods.md'; +import Parts from '@ionic-internal/component-api/v9/reorder/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/reorder/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/reorder/slots.md'; ion-reorder: Drag and Drop Icon to Reorder Items @@ -27,7 +27,7 @@ The reorder is the anchor used to drag and drop the items. Once the reorder is c The most basic example of a reorder is slotting it inside of an item. By default, the reorder functionality is disabled for a reorder group. It can be enabled by setting the `disabled` property on the reorder group to `false`. The reorder icon can then be used to drag and drop the items and reorder them. -import Basic from '@site/static/usage/v8/reorder/basic/index.md'; +import Basic from '@site/static/usage/v9/reorder/basic/index.md'; @@ -36,7 +36,7 @@ import Basic from '@site/static/usage/v8/reorder/basic/index.md'; In some cases, it may be desired to have the option to toggle the reorder functionality. This can be done by making the `disabled` property reactive, based on a function or variable. -import TogglingDisabled from '@site/static/usage/v8/reorder/toggling-disabled/index.md'; +import TogglingDisabled from '@site/static/usage/v9/reorder/toggling-disabled/index.md'; @@ -45,7 +45,7 @@ import TogglingDisabled from '@site/static/usage/v8/reorder/toggling-disabled/in The reorder component uses a reorder icon with three lines on iOS and two lines on Material Design. This can be customized by adding an [Icon](https://ionic.io/ionicons) component inside of the reorder with any of the available Ionicons. -import CustomIcon from '@site/static/usage/v8/reorder/custom-icon/index.md'; +import CustomIcon from '@site/static/usage/v9/reorder/custom-icon/index.md'; @@ -54,7 +54,7 @@ import CustomIcon from '@site/static/usage/v8/reorder/custom-icon/index.md'; Reorder can also be used as a wrapper around an item, making the item itself the anchor. Click anywhere on an item below and drag it to reorder the list. -import Wrapper from '@site/static/usage/v8/reorder/wrapper/index.md'; +import Wrapper from '@site/static/usage/v9/reorder/wrapper/index.md'; @@ -69,7 +69,7 @@ In some cases, it may be necessary for an app to reorder both the array and the Regardless of the approach taken, a stable identity should be provided to reorder items if provided in a loop. This means using `track` for Angular, and `key` for React and Vue. -import UpdatingData from '@site/static/usage/v8/reorder/updating-data/index.md'; +import UpdatingData from '@site/static/usage/v9/reorder/updating-data/index.md'; @@ -81,7 +81,7 @@ The `ionReorderStart` event is emitted when the user begins a reorder gesture. T The `ionReorderEnd` event is emitted when the user completes the reorder gesture. This occurs when the user releases the item they are dragging, for example by lifting their finger on a touch screen or releasing the mouse button. The event includes the `from` and `to` indices of the item, as well as the `complete` method that should be called to finalize the reorder operation. The `from` index will always be the position of the item when the gesture started, while the `to` index will be its final position. This event will fire even if no items have changed position, in which case the `from` and `to` indices will be the same. -import ReorderStartEndEvents from '@site/static/usage/v8/reorder/reorder-start-end-events/index.md'; +import ReorderStartEndEvents from '@site/static/usage/v9/reorder/reorder-start-end-events/index.md'; @@ -93,7 +93,7 @@ The `ionReorderMove` event is emitted continuously during the reorder gesture as Do not call the `complete` method during the `ionReorderMove` event as it can break the gesture. ::: -import ReorderMoveEvent from '@site/static/usage/v8/reorder/reorder-move-event/index.md'; +import ReorderMoveEvent from '@site/static/usage/v9/reorder/reorder-move-event/index.md'; @@ -101,7 +101,7 @@ import ReorderMoveEvent from '@site/static/usage/v8/reorder/reorder-move-event/i Reorder requires a scroll container to work properly. When using a virtual scrolling solution, a custom scroll target needs to be provided. Scrolling on the content needs to be disabled and the `.ion-content-scroll-host` class needs to be added to the element responsible for scrolling. -import CustomScrollTarget from '@site/static/usage/v8/reorder/custom-scroll-target/index.md'; +import CustomScrollTarget from '@site/static/usage/v9/reorder/custom-scroll-target/index.md'; diff --git a/docs/api/ripple-effect.md b/docs/api/ripple-effect.md index 92339eb6351..46a6d83400c 100644 --- a/docs/api/ripple-effect.md +++ b/docs/api/ripple-effect.md @@ -1,12 +1,12 @@ --- title: "ion-ripple-effect" --- -import Props from '@ionic-internal/component-api/v8/ripple-effect/props.md'; -import Events from '@ionic-internal/component-api/v8/ripple-effect/events.md'; -import Methods from '@ionic-internal/component-api/v8/ripple-effect/methods.md'; -import Parts from '@ionic-internal/component-api/v8/ripple-effect/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/ripple-effect/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/ripple-effect/slots.md'; +import Props from '@ionic-internal/component-api/v9/ripple-effect/props.md'; +import Events from '@ionic-internal/component-api/v9/ripple-effect/events.md'; +import Methods from '@ionic-internal/component-api/v9/ripple-effect/methods.md'; +import Parts from '@ionic-internal/component-api/v9/ripple-effect/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/ripple-effect/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/ripple-effect/slots.md'; import EncapsulationPill from '@components/page/api/EncapsulationPill'; @@ -25,7 +25,7 @@ It's important to set [relative positioning](https://developer.mozilla.org/en-US ## Basic Usage -import Basic from '@site/static/usage/v8/ripple-effect/basic/index.md'; +import Basic from '@site/static/usage/v9/ripple-effect/basic/index.md'; @@ -34,7 +34,7 @@ import Basic from '@site/static/usage/v8/ripple-effect/basic/index.md'; There are two types of ripple effects: `"bounded"` and `"unbounded"`. The default type, `"bounded"`, will expand the ripple effect from the click position outwards. To add a ripple effect that always starts in the center of the element and expands in a circle, set the type to `"unbounded"`. -import Type from '@site/static/usage/v8/ripple-effect/type/index.md'; +import Type from '@site/static/usage/v9/ripple-effect/type/index.md'; @@ -43,7 +43,7 @@ import Type from '@site/static/usage/v8/ripple-effect/type/index.md'; The ripple can be customized to a different color through CSS. By default the ripple color is set to inherit the text color, which is generally the body color. This can be changed by setting the CSS `color` on the parent or the ripple effect itself. -import Customizing from '@site/static/usage/v8/ripple-effect/customizing/index.md'; +import Customizing from '@site/static/usage/v9/ripple-effect/customizing/index.md'; diff --git a/docs/api/route-redirect.md b/docs/api/route-redirect.md index 29bdb84b388..ec82a56c925 100644 --- a/docs/api/route-redirect.md +++ b/docs/api/route-redirect.md @@ -2,12 +2,12 @@ title: "ion-route-redirect" --- -import Props from '@ionic-internal/component-api/v8/route-redirect/props.md'; -import Events from '@ionic-internal/component-api/v8/route-redirect/events.md'; -import Methods from '@ionic-internal/component-api/v8/route-redirect/methods.md'; -import Parts from '@ionic-internal/component-api/v8/route-redirect/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/route-redirect/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/route-redirect/slots.md'; +import Props from '@ionic-internal/component-api/v9/route-redirect/props.md'; +import Events from '@ionic-internal/component-api/v9/route-redirect/events.md'; +import Methods from '@ionic-internal/component-api/v9/route-redirect/methods.md'; +import Parts from '@ionic-internal/component-api/v9/route-redirect/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/route-redirect/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/route-redirect/slots.md'; ion-route-redirect: Redirect 'from' a URL 'to' Another URL diff --git a/docs/api/route.md b/docs/api/route.md index 068ea064bcf..b89114dfdfe 100644 --- a/docs/api/route.md +++ b/docs/api/route.md @@ -4,12 +4,12 @@ title: "ion-route" import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem'; -import Props from '@ionic-internal/component-api/v8/route/props.md'; -import Events from '@ionic-internal/component-api/v8/route/events.md'; -import Methods from '@ionic-internal/component-api/v8/route/methods.md'; -import Parts from '@ionic-internal/component-api/v8/route/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/route/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/route/slots.md'; +import Props from '@ionic-internal/component-api/v9/route/props.md'; +import Events from '@ionic-internal/component-api/v9/route/events.md'; +import Methods from '@ionic-internal/component-api/v9/route/methods.md'; +import Parts from '@ionic-internal/component-api/v9/route/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/route/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/route/slots.md'; ion-route: API Route Component for Ionic Framework Apps diff --git a/docs/api/router-link.md b/docs/api/router-link.md index 1eb53a1ab53..799305fb6ff 100644 --- a/docs/api/router-link.md +++ b/docs/api/router-link.md @@ -2,12 +2,12 @@ title: "ion-router-link" --- -import Props from '@ionic-internal/component-api/v8/router-link/props.md'; -import Events from '@ionic-internal/component-api/v8/router-link/events.md'; -import Methods from '@ionic-internal/component-api/v8/router-link/methods.md'; -import Parts from '@ionic-internal/component-api/v8/router-link/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/router-link/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/router-link/slots.md'; +import Props from '@ionic-internal/component-api/v9/router-link/props.md'; +import Events from '@ionic-internal/component-api/v9/router-link/events.md'; +import Methods from '@ionic-internal/component-api/v9/router-link/methods.md'; +import Parts from '@ionic-internal/component-api/v9/router-link/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/router-link/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/router-link/slots.md'; ion-router-link: Navigate To a Specified Link diff --git a/docs/api/router-outlet.md b/docs/api/router-outlet.md index d16075a5f56..39749f8cbde 100644 --- a/docs/api/router-outlet.md +++ b/docs/api/router-outlet.md @@ -2,12 +2,12 @@ title: "ion-router-outlet" --- -import Props from '@ionic-internal/component-api/v8/router-outlet/props.md'; -import Events from '@ionic-internal/component-api/v8/router-outlet/events.md'; -import Methods from '@ionic-internal/component-api/v8/router-outlet/methods.md'; -import Parts from '@ionic-internal/component-api/v8/router-outlet/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/router-outlet/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/router-outlet/slots.md'; +import Props from '@ionic-internal/component-api/v9/router-outlet/props.md'; +import Events from '@ionic-internal/component-api/v9/router-outlet/events.md'; +import Methods from '@ionic-internal/component-api/v9/router-outlet/methods.md'; +import Parts from '@ionic-internal/component-api/v9/router-outlet/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/router-outlet/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/router-outlet/slots.md'; diff --git a/docs/api/router.md b/docs/api/router.md index 14019626cf7..0ecfbf832f0 100644 --- a/docs/api/router.md +++ b/docs/api/router.md @@ -2,12 +2,12 @@ title: "ion-router" --- -import Props from '@ionic-internal/component-api/v8/router/props.md'; -import Events from '@ionic-internal/component-api/v8/router/events.md'; -import Methods from '@ionic-internal/component-api/v8/router/methods.md'; -import Parts from '@ionic-internal/component-api/v8/router/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/router/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/router/slots.md'; +import Props from '@ionic-internal/component-api/v9/router/props.md'; +import Events from '@ionic-internal/component-api/v9/router/events.md'; +import Methods from '@ionic-internal/component-api/v9/router/methods.md'; +import Parts from '@ionic-internal/component-api/v9/router/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/router/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/router/slots.md'; ion-router: Router Component to Coordinate URL Navigation @@ -36,7 +36,7 @@ In order to configure this relationship between components (to load/select) and ## Basic Usage -import BasicExample from '@site/static/usage/v8/router/basic/index.md'; +import BasicExample from '@site/static/usage/v9/router/basic/index.md'; diff --git a/docs/api/row.md b/docs/api/row.md index 02919d79a35..fb88ffbad9a 100644 --- a/docs/api/row.md +++ b/docs/api/row.md @@ -1,12 +1,12 @@ --- title: "ion-row" --- -import Props from '@ionic-internal/component-api/v8/row/props.md'; -import Events from '@ionic-internal/component-api/v8/row/events.md'; -import Methods from '@ionic-internal/component-api/v8/row/methods.md'; -import Parts from '@ionic-internal/component-api/v8/row/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/row/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/row/slots.md'; +import Props from '@ionic-internal/component-api/v9/row/props.md'; +import Events from '@ionic-internal/component-api/v9/row/events.md'; +import Methods from '@ionic-internal/component-api/v9/row/methods.md'; +import Parts from '@ionic-internal/component-api/v9/row/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/row/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/row/slots.md'; ion-row: Horizontal Row Components of the Grid System diff --git a/docs/api/searchbar.md b/docs/api/searchbar.md index fb0b0d49765..dabbae5ad72 100644 --- a/docs/api/searchbar.md +++ b/docs/api/searchbar.md @@ -1,12 +1,12 @@ --- title: "ion-searchbar" --- -import Props from '@ionic-internal/component-api/v8/searchbar/props.md'; -import Events from '@ionic-internal/component-api/v8/searchbar/events.md'; -import Methods from '@ionic-internal/component-api/v8/searchbar/methods.md'; -import Parts from '@ionic-internal/component-api/v8/searchbar/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/searchbar/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/searchbar/slots.md'; +import Props from '@ionic-internal/component-api/v9/searchbar/props.md'; +import Events from '@ionic-internal/component-api/v9/searchbar/events.md'; +import Methods from '@ionic-internal/component-api/v9/searchbar/methods.md'; +import Parts from '@ionic-internal/component-api/v9/searchbar/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/searchbar/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/searchbar/slots.md'; ion-searchbar: Search Bar for Searching a Collection @@ -22,7 +22,7 @@ Searchbars represent a text field that can be used to search through a collectio ## Basic Usage -import Basic from '@site/static/usage/v8/searchbar/basic/index.md'; +import Basic from '@site/static/usage/v9/searchbar/basic/index.md'; @@ -31,7 +31,7 @@ import Basic from '@site/static/usage/v8/searchbar/basic/index.md'; A search icon is displayed to the left of the input field in a searchbar. It can be customized to any [Ionicon](https://ionic.io/ionicons/). -import SearchIcon from '@site/static/usage/v8/searchbar/search-icon/index.md'; +import SearchIcon from '@site/static/usage/v9/searchbar/search-icon/index.md'; @@ -40,7 +40,7 @@ import SearchIcon from '@site/static/usage/v8/searchbar/search-icon/index.md'; A clear button is displayed when a searchbar has a value or upon entering input in the searchbar's text field. Clicking on the clear button will erase the text field and the input will remain focused. By default, the clear button is set to show when focusing the searchbar, but it can be set to always show or never show. The icon inside of the clear button can also be customized to any [Ionicon](https://ionic.io/ionicons/). -import ClearButton from '@site/static/usage/v8/searchbar/clear-button/index.md'; +import ClearButton from '@site/static/usage/v9/searchbar/clear-button/index.md'; @@ -49,7 +49,7 @@ import ClearButton from '@site/static/usage/v8/searchbar/clear-button/index.md'; A cancel button can be enabled which will clear the input and lose the focus upon click. By default, cancel buttons are set to never show, but they can be set to always show or only show when focusing the searchbar. The cancel button is displayed as text in `ios` mode, and as an icon in `md` mode. Both the text and icon can be customized using different properties, with the icon accepting any [Ionicon](https://ionic.io/ionicons/). -import CancelButton from '@site/static/usage/v8/searchbar/cancel-button/index.md'; +import CancelButton from '@site/static/usage/v9/searchbar/cancel-button/index.md'; @@ -59,7 +59,7 @@ import CancelButton from '@site/static/usage/v8/searchbar/cancel-button/index.md Searchbars are styled to look native when placed inside of a toolbar. In iOS, searchbars should be placed in their own toolbar, under a toolbar that contains the page title. In Material Design, searchbars are either persistently displayed in their own toolbar, or expand over a toolbar containing the page title. -import Toolbar from '@site/static/usage/v8/toolbar/searchbars/index.md'; +import Toolbar from '@site/static/usage/v9/toolbar/searchbars/index.md'; @@ -68,7 +68,7 @@ import Toolbar from '@site/static/usage/v8/toolbar/searchbars/index.md'; A debounce can be set on the searchbar in order to delay triggering the `ionInput` event. This is useful when querying data, as it can be used to wait to make a request instead of requesting the data each time a character is entered in the input. -import Debounce from '@site/static/usage/v8/searchbar/debounce/index.md'; +import Debounce from '@site/static/usage/v9/searchbar/debounce/index.md'; @@ -77,7 +77,7 @@ import Debounce from '@site/static/usage/v8/searchbar/debounce/index.md'; ### Colors -import Colors from '@site/static/usage/v8/searchbar/theming/colors/index.md'; +import Colors from '@site/static/usage/v9/searchbar/theming/colors/index.md'; @@ -85,7 +85,7 @@ import Colors from '@site/static/usage/v8/searchbar/theming/colors/index.md'; Searchbar uses scoped encapsulation, which means it will automatically scope its CSS by appending each of the styles with an additional class at runtime. Overriding scoped selectors in CSS requires a [higher specificity](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity) selector. Targeting the `ion-searchbar` for customization will not work, therefore we recommend adding a class and customizing it that way. -import CSSProps from '@site/static/usage/v8/searchbar/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v9/searchbar/theming/css-properties/index.md'; diff --git a/docs/api/segment-button.md b/docs/api/segment-button.md index 475d0f23597..177340110dd 100644 --- a/docs/api/segment-button.md +++ b/docs/api/segment-button.md @@ -1,12 +1,12 @@ --- title: "ion-segment-button" --- -import Props from '@ionic-internal/component-api/v8/segment-button/props.md'; -import Events from '@ionic-internal/component-api/v8/segment-button/events.md'; -import Methods from '@ionic-internal/component-api/v8/segment-button/methods.md'; -import Parts from '@ionic-internal/component-api/v8/segment-button/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/segment-button/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/segment-button/slots.md'; +import Props from '@ionic-internal/component-api/v9/segment-button/props.md'; +import Events from '@ionic-internal/component-api/v9/segment-button/events.md'; +import Methods from '@ionic-internal/component-api/v9/segment-button/methods.md'; +import Parts from '@ionic-internal/component-api/v9/segment-button/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/segment-button/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/segment-button/slots.md'; ion-segment-button | Segment Button Icon and Segment Value @@ -23,7 +23,7 @@ Segment buttons are groups of related buttons inside of a [segment](segment.md). ## Basic Usage -import Basic from '@site/static/usage/v8/segment-button/basic/index.md'; +import Basic from '@site/static/usage/v9/segment-button/basic/index.md'; @@ -32,7 +32,7 @@ import Basic from '@site/static/usage/v8/segment-button/basic/index.md'; The `layout` property is set to `"icon-top"` by default. When a segment button has both an icon and a label, it will display the icon on top of the label. This behavior can be changed by setting the `layout` property to `"icon-bottom"`, `"icon-start"`, or `"icon-end"` which will show the icon below the label, to the start of the label (left in LTR and right in RTL) or to the end of the label (right in LTR and left in RTL), respectively. -import Layout from '@site/static/usage/v8/segment-button/layout/index.md'; +import Layout from '@site/static/usage/v9/segment-button/layout/index.md'; @@ -40,14 +40,14 @@ import Layout from '@site/static/usage/v8/segment-button/layout/index.md'; ## Theming ### CSS Shadow Parts -import CSSParts from '@site/static/usage/v8/segment-button/theming/css-shadow-parts/index.md'; +import CSSParts from '@site/static/usage/v9/segment-button/theming/css-shadow-parts/index.md'; ### CSS Custom Properties -import CSSProps from '@site/static/usage/v8/segment-button/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v9/segment-button/theming/css-properties/index.md'; diff --git a/docs/api/segment-content.md b/docs/api/segment-content.md index 3c17b07eceb..067f3fb22b3 100644 --- a/docs/api/segment-content.md +++ b/docs/api/segment-content.md @@ -2,12 +2,12 @@ title: "ion-segment-content" --- -import Props from '@ionic-internal/component-api/v8/segment-content/props.md'; -import Events from '@ionic-internal/component-api/v8/segment-content/events.md'; -import Methods from '@ionic-internal/component-api/v8/segment-content/methods.md'; -import Parts from '@ionic-internal/component-api/v8/segment-content/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/segment-content/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/segment-content/slots.md'; +import Props from '@ionic-internal/component-api/v9/segment-content/props.md'; +import Events from '@ionic-internal/component-api/v9/segment-content/events.md'; +import Methods from '@ionic-internal/component-api/v9/segment-content/methods.md'; +import Parts from '@ionic-internal/component-api/v9/segment-content/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/segment-content/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/segment-content/slots.md'; ion-segment-content: Display control element for swipeable segments @@ -29,7 +29,7 @@ Each `ion-segment-content` needs a unique `id` attribute. This will be used to l -import Swipeable from '@site/static/usage/v8/segment/swipeable/index.md'; +import Swipeable from '@site/static/usage/v9/segment/swipeable/index.md'; diff --git a/docs/api/segment-view.md b/docs/api/segment-view.md index 5d0054c4ff8..b83cd34a48a 100644 --- a/docs/api/segment-view.md +++ b/docs/api/segment-view.md @@ -2,12 +2,12 @@ title: "ion-segment-view" --- -import Props from '@ionic-internal/component-api/v8/segment-view/props.md'; -import Events from '@ionic-internal/component-api/v8/segment-view/events.md'; -import Methods from '@ionic-internal/component-api/v8/segment-view/methods.md'; -import Parts from '@ionic-internal/component-api/v8/segment-view/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/segment-view/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/segment-view/slots.md'; +import Props from '@ionic-internal/component-api/v9/segment-view/props.md'; +import Events from '@ionic-internal/component-api/v9/segment-view/events.md'; +import Methods from '@ionic-internal/component-api/v9/segment-view/methods.md'; +import Parts from '@ionic-internal/component-api/v9/segment-view/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/segment-view/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/segment-view/slots.md'; ion-segment-view: Controller element for swipeable segments diff --git a/docs/api/segment.md b/docs/api/segment.md index f07a1a1a5a4..f5861919f71 100644 --- a/docs/api/segment.md +++ b/docs/api/segment.md @@ -1,12 +1,12 @@ --- title: "ion-segment" --- -import Props from '@ionic-internal/component-api/v8/segment/props.md'; -import Events from '@ionic-internal/component-api/v8/segment/events.md'; -import Methods from '@ionic-internal/component-api/v8/segment/methods.md'; -import Parts from '@ionic-internal/component-api/v8/segment/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/segment/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/segment/slots.md'; +import Props from '@ionic-internal/component-api/v9/segment/props.md'; +import Events from '@ionic-internal/component-api/v9/segment/events.md'; +import Methods from '@ionic-internal/component-api/v9/segment/methods.md'; +import Parts from '@ionic-internal/component-api/v9/segment/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/segment/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/segment/slots.md'; ion-segment: API Documentation for Segmented Controls @@ -27,7 +27,7 @@ Their functionality is similar to tabs, where selecting one will deselect all ot Segments consist of [segment buttons](./segment-button) with a `value` property on each button. Set the `value` property on the segment to match the value of a button to select that button. Segments can also be disabled to prevent users from interacting with them. -import Basic from '@site/static/usage/v8/segment/basic/index.md'; +import Basic from '@site/static/usage/v9/segment/basic/index.md'; @@ -36,7 +36,7 @@ import Basic from '@site/static/usage/v8/segment/basic/index.md'; Segments are not scrollable by default. Each segment button has a fixed width, and the width is determined by dividing the number of segment buttons by the screen width. This ensures that each segment button can be displayed on the screen without having to scroll. As a result, some segment buttons with longer labels may get cut off. To avoid this we recommend either using a shorter label or switching to a scrollable segment by setting the `scrollable` property to `true`. This will cause the segment to scroll horizontally, but will allow each segment button to have a variable width. -import Scrollable from '@site/static/usage/v8/segment/scrollable/index.md'; +import Scrollable from '@site/static/usage/v9/segment/scrollable/index.md'; @@ -44,7 +44,7 @@ import Scrollable from '@site/static/usage/v8/segment/scrollable/index.md'; ## Segments in Toolbars -import Toolbar from '@site/static/usage/v8/toolbar/segments/index.md'; +import Toolbar from '@site/static/usage/v9/toolbar/segments/index.md'; @@ -61,7 +61,7 @@ If no initial `value` is assigned to the `ion-segment` when using swipeable segm Segment buttons cannot be disabled when used with swipeable segments. ::: -import Swipeable from '@site/static/usage/v8/segment/swipeable/index.md'; +import Swipeable from '@site/static/usage/v9/segment/swipeable/index.md'; @@ -69,13 +69,13 @@ import Swipeable from '@site/static/usage/v8/segment/swipeable/index.md'; ### Colors -import Colors from '@site/static/usage/v8/segment/theming/colors/index.md'; +import Colors from '@site/static/usage/v9/segment/theming/colors/index.md'; ### CSS Custom Properties -import CSSProps from '@site/static/usage/v8/segment/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v9/segment/theming/css-properties/index.md'; diff --git a/docs/api/select-option.md b/docs/api/select-option.md index 7da4f763162..043f527ec62 100644 --- a/docs/api/select-option.md +++ b/docs/api/select-option.md @@ -1,12 +1,12 @@ --- title: "ion-select-option" --- -import Props from '@ionic-internal/component-api/v8/select-option/props.md'; -import Events from '@ionic-internal/component-api/v8/select-option/events.md'; -import Methods from '@ionic-internal/component-api/v8/select-option/methods.md'; -import Parts from '@ionic-internal/component-api/v8/select-option/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/select-option/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/select-option/slots.md'; +import Props from '@ionic-internal/component-api/v9/select-option/props.md'; +import Events from '@ionic-internal/component-api/v9/select-option/events.md'; +import Methods from '@ionic-internal/component-api/v9/select-option/methods.md'; +import Parts from '@ionic-internal/component-api/v9/select-option/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/select-option/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/select-option/slots.md'; ion-select-option: Option For a Select Dialog diff --git a/docs/api/select.md b/docs/api/select.md index 2ee43b4751e..ca3ef27b1be 100644 --- a/docs/api/select.md +++ b/docs/api/select.md @@ -1,12 +1,12 @@ --- title: "ion-select" --- -import Props from '@ionic-internal/component-api/v8/select/props.md'; -import Events from '@ionic-internal/component-api/v8/select/events.md'; -import Methods from '@ionic-internal/component-api/v8/select/methods.md'; -import Parts from '@ionic-internal/component-api/v8/select/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/select/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/select/slots.md'; +import Props from '@ionic-internal/component-api/v9/select/props.md'; +import Events from '@ionic-internal/component-api/v9/select/events.md'; +import Methods from '@ionic-internal/component-api/v9/select/methods.md'; +import Parts from '@ionic-internal/component-api/v9/select/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/select/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/select/slots.md'; ion-select: Select One or Multiple Value Boxes or Placeholders @@ -38,7 +38,7 @@ Select has several options for supplying a label for the component: Labels will take up the width of their content by default. Developers can use the `labelPlacement` property to control how the label is placed relative to the control. While the `label` property is used here, `labelPlacement` can also be used with the `label` slot. -import LabelPlacement from '@site/static/usage/v8/select/label-placement/index.md'; +import LabelPlacement from '@site/static/usage/v9/select/label-placement/index.md'; @@ -46,7 +46,7 @@ import LabelPlacement from '@site/static/usage/v8/select/label-placement/index.m While plaintext labels should be passed in via the `label` property, if custom HTML is needed, it can be passed through the `label` slot instead. -import LabelSlot from '@site/static/usage/v8/select/label-slot/index.md'; +import LabelSlot from '@site/static/usage/v9/select/label-slot/index.md'; @@ -54,7 +54,7 @@ import LabelSlot from '@site/static/usage/v8/select/label-slot/index.md'; If no visible label is needed, developers should still supply an `aria-label` so the select is accessible to screen readers. -import NoVisibleLabel from '@site/static/usage/v8/select/no-visible-label/index.md'; +import NoVisibleLabel from '@site/static/usage/v9/select/no-visible-label/index.md'; @@ -64,7 +64,7 @@ By default, the select allows the user to select only one option. The alert inte Keyboard interactions for single selection are described in the [Keyboard Interactions](#single-selection-1) section below. -import SingleSelectionExample from '@site/static/usage/v8/select/basic/single-selection/index.md'; +import SingleSelectionExample from '@site/static/usage/v9/select/basic/single-selection/index.md'; @@ -80,7 +80,7 @@ The `action-sheet` interface is not supported with multiple selection. Keyboard interactions for multiple selection are described in the [Keyboard Interactions](#multiple-selection-1) section below. -import MultipleSelectionExample from '@site/static/usage/v8/select/basic/multiple-selection/index.md'; +import MultipleSelectionExample from '@site/static/usage/v9/select/basic/multiple-selection/index.md'; @@ -90,26 +90,26 @@ By default, select uses [ion-alert](alert.md) to open up the overlay of options ### Alert -import AlertExample from '@site/static/usage/v8/select/basic/single-selection/index.md'; +import AlertExample from '@site/static/usage/v9/select/basic/single-selection/index.md'; ### Action Sheet -import ActionSheetExample from '@site/static/usage/v8/select/interfaces/action-sheet/index.md'; +import ActionSheetExample from '@site/static/usage/v9/select/interfaces/action-sheet/index.md'; ### Popover -import PopoverExample from '@site/static/usage/v8/select/interfaces/popover/index.md'; +import PopoverExample from '@site/static/usage/v9/select/interfaces/popover/index.md'; ### Modal -import ModalExample from '@site/static/usage/v8/select/interfaces/modal/index.md'; +import ModalExample from '@site/static/usage/v9/select/interfaces/modal/index.md'; @@ -117,7 +117,7 @@ import ModalExample from '@site/static/usage/v8/select/interfaces/modal/index.md The main ways of handling user interaction with the select are the `ionChange`, `ionDismiss`, and `ionCancel` events. See [Events](#events) for more details on these and other events that select fires. -import RespondingToInteractionExample from '@site/static/usage/v8/select/basic/responding-to-interaction/index.md'; +import RespondingToInteractionExample from '@site/static/usage/v9/select/basic/responding-to-interaction/index.md'; @@ -129,13 +129,13 @@ By default, the select uses strict equality (`===`) to determine if an option is ### Using compareWith -import UsingCompareWithExample from '@site/static/usage/v8/select/objects-as-values/using-comparewith/index.md'; +import UsingCompareWithExample from '@site/static/usage/v9/select/objects-as-values/using-comparewith/index.md'; ### Object Values and Multiple Selection -import ObjectValuesAndMultipleSelectionExample from '@site/static/usage/v8/select/objects-as-values/multiple-selection/index.md'; +import ObjectValuesAndMultipleSelectionExample from '@site/static/usage/v9/select/objects-as-values/multiple-selection/index.md'; @@ -143,7 +143,7 @@ import ObjectValuesAndMultipleSelectionExample from '@site/static/usage/v8/selec Developers can use the `justify` property to control how the label and control are packed on a line. -import JustifyExample from '@site/static/usage/v8/select/justify/index.md'; +import JustifyExample from '@site/static/usage/v9/select/justify/index.md'; @@ -157,7 +157,7 @@ Filled selects can be used on iOS by setting the select's `mode` to `md`. Selects that use `fill` should not be used in an `ion-item` due to styling conflicts between the components. ::: -import FillExample from '@site/static/usage/v8/select/fill/index.md'; +import FillExample from '@site/static/usage/v9/select/fill/index.md'; @@ -170,7 +170,7 @@ The `action-sheet` and `popover` interfaces do not have an `OK` button, clicking The `modal` interface has a single `Close` button in the header. This button is only responsible for dismissing the modal. Any selections made will persist after clicking this button or if the modal is dismissed using an alternative method. -import ButtonTextExample from '@site/static/usage/v8/select/customization/button-text/index.md'; +import ButtonTextExample from '@site/static/usage/v9/select/customization/button-text/index.md'; @@ -183,7 +183,7 @@ for the properties that each interface accepts. Note: `interfaceOptions` will not override `inputs` or `buttons` with the `alert` interface. -import InterfaceOptionsExample from '@site/static/usage/v8/select/customization/interface-options/index.md'; +import InterfaceOptionsExample from '@site/static/usage/v9/select/customization/interface-options/index.md'; @@ -197,7 +197,7 @@ In most cases, [Icon](./icon.md) components placed in these slots should have `a If slot content is meant to be interacted with, it should be wrapped in an interactive element such as a [Button](./button.md). This ensures that the content can be tabbed to. ::: -import StartEndSlots from '@site/static/usage/v8/select/start-end-slots/index.md'; +import StartEndSlots from '@site/static/usage/v9/select/start-end-slots/index.md'; @@ -211,7 +211,7 @@ As mentioned, the `ion-select` element consists only of the value(s), or placeho Alternatively, depending on the [browser support](https://caniuse.com/#feat=mdn-css_selectors_part) needed, CSS shadow parts can be used to style the select. Notice that by using `::part`, any CSS property on the element can be targeted. -import StylingSelectExample from '@site/static/usage/v8/select/customization/styling-select/index.md'; +import StylingSelectExample from '@site/static/usage/v9/select/customization/styling-select/index.md'; @@ -231,7 +231,7 @@ However, the Select Option does set a class for easier styling and allows for th The icon that displays next to the select text can be set to any [Ionicon](https://ionic.io/ionicons) using the `toggleIcon` and/or `expandedIcon` properties. -import CustomToggleIconsExample from '@site/static/usage/v8/select/customization/custom-toggle-icons/index.md'; +import CustomToggleIconsExample from '@site/static/usage/v9/select/customization/custom-toggle-icons/index.md'; @@ -241,7 +241,7 @@ By default, when the select is open, the toggle icon will automatically rotate o The below example also uses a [custom `toggleIcon`](#custom-toggle-icons) to better demonstrate the flip behavior on `ios`, since the default icon is vertically symmetrical. -import IconFlipBehaviorExample from '@site/static/usage/v8/select/customization/icon-flip-behavior/index.md'; +import IconFlipBehaviorExample from '@site/static/usage/v9/select/customization/icon-flip-behavior/index.md'; @@ -249,7 +249,7 @@ import IconFlipBehaviorExample from '@site/static/usage/v8/select/customization/ Typeahead or autocomplete functionality can be built using existing Ionic components. We recommend using an `ion-modal` to make the best use of the available screen space. -import TypeaheadExample from '@site/static/usage/v8/select/typeahead/index.md'; +import TypeaheadExample from '@site/static/usage/v9/select/typeahead/index.md'; @@ -259,7 +259,7 @@ Helper and error text can be used inside of a select with the `helperText` and ` In Angular, this is done automatically through form validation. In JavaScript, React and Vue, the class needs to be manually added based on your own validation. -import HelperError from '@site/static/usage/v8/select/helper-error/index.md'; +import HelperError from '@site/static/usage/v9/select/helper-error/index.md'; diff --git a/docs/api/skeleton-text.md b/docs/api/skeleton-text.md index 435b08f24e1..4dd87c5a27b 100644 --- a/docs/api/skeleton-text.md +++ b/docs/api/skeleton-text.md @@ -1,12 +1,12 @@ --- title: "ion-skeleton-text" --- -import Props from '@ionic-internal/component-api/v8/skeleton-text/props.md'; -import Events from '@ionic-internal/component-api/v8/skeleton-text/events.md'; -import Methods from '@ionic-internal/component-api/v8/skeleton-text/methods.md'; -import Parts from '@ionic-internal/component-api/v8/skeleton-text/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/skeleton-text/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/skeleton-text/slots.md'; +import Props from '@ionic-internal/component-api/v9/skeleton-text/props.md'; +import Events from '@ionic-internal/component-api/v9/skeleton-text/events.md'; +import Methods from '@ionic-internal/component-api/v9/skeleton-text/methods.md'; +import Parts from '@ionic-internal/component-api/v9/skeleton-text/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/skeleton-text/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/skeleton-text/slots.md'; ion-skeleton-text: Skeleton Loading Placeholder for Text @@ -23,7 +23,7 @@ Skeleton Text is a component for rendering placeholder content. The element will ## Basic Usage -import Basic from '@site/static/usage/v8/skeleton-text/basic/index.md'; +import Basic from '@site/static/usage/v9/skeleton-text/basic/index.md'; @@ -31,7 +31,7 @@ import Basic from '@site/static/usage/v8/skeleton-text/basic/index.md'; ### CSS Custom Properties -import CSSProps from '@site/static/usage/v8/skeleton-text/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v9/skeleton-text/theming/css-properties/index.md'; diff --git a/docs/api/spinner.md b/docs/api/spinner.md index d63a67aff4a..3adfd5743e6 100644 --- a/docs/api/spinner.md +++ b/docs/api/spinner.md @@ -1,12 +1,12 @@ --- title: "ion-spinner" --- -import Props from '@ionic-internal/component-api/v8/spinner/props.md'; -import Events from '@ionic-internal/component-api/v8/spinner/events.md'; -import Methods from '@ionic-internal/component-api/v8/spinner/methods.md'; -import Parts from '@ionic-internal/component-api/v8/spinner/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/spinner/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/spinner/slots.md'; +import Props from '@ionic-internal/component-api/v9/spinner/props.md'; +import Events from '@ionic-internal/component-api/v9/spinner/events.md'; +import Methods from '@ionic-internal/component-api/v9/spinner/methods.md'; +import Parts from '@ionic-internal/component-api/v9/spinner/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/spinner/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/spinner/slots.md'; ion-spinner: Animated Spinner Icon Components and Properties @@ -25,7 +25,7 @@ The Spinner component provides a variety of animated SVG spinners. Spinners are The default spinner is based on the mode. When the mode is `ios` the spinner will be `"lines"`, and when the mode is `md` the spinner will be `"circular"`. If the `name` property is set, then that spinner will be used instead of the mode specific spinner. -import Basic from '@site/static/usage/v8/spinner/basic/index.md'; +import Basic from '@site/static/usage/v9/spinner/basic/index.md'; @@ -33,7 +33,7 @@ import Basic from '@site/static/usage/v8/spinner/basic/index.md'; ### Colors -import Colors from '@site/static/usage/v8/spinner/theming/colors/index.md'; +import Colors from '@site/static/usage/v9/spinner/theming/colors/index.md'; @@ -41,13 +41,13 @@ import Colors from '@site/static/usage/v8/spinner/theming/colors/index.md'; You may use custom CSS to style the spinner. For example, you can resize the spinner by setting the width and height. -import Resizing from '@site/static/usage/v8/spinner/theming/resizing/index.md'; +import Resizing from '@site/static/usage/v9/spinner/theming/resizing/index.md'; ### CSS Custom Properties -import CSSProps from '@site/static/usage/v8/spinner/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v9/spinner/theming/css-properties/index.md'; diff --git a/docs/api/split-pane.md b/docs/api/split-pane.md index 77b192beb76..40e021080f4 100644 --- a/docs/api/split-pane.md +++ b/docs/api/split-pane.md @@ -2,12 +2,12 @@ title: "ion-split-pane" --- -import Props from '@ionic-internal/component-api/v8/split-pane/props.md'; -import Events from '@ionic-internal/component-api/v8/split-pane/events.md'; -import Methods from '@ionic-internal/component-api/v8/split-pane/methods.md'; -import Parts from '@ionic-internal/component-api/v8/split-pane/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/split-pane/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/split-pane/slots.md'; +import Props from '@ionic-internal/component-api/v9/split-pane/props.md'; +import Events from '@ionic-internal/component-api/v9/split-pane/events.md'; +import Methods from '@ionic-internal/component-api/v9/split-pane/methods.md'; +import Parts from '@ionic-internal/component-api/v9/split-pane/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/split-pane/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/split-pane/slots.md'; ion-split-pane: Split Plane for Menus and Multi-View Layouts @@ -29,7 +29,7 @@ If the device's screen width is below a certain size, the split pane will collap This demo sets the `when` property to `'xs'` so the split pane always shows up. Your Ionic application does not need this if you want the split pane to collapse on smaller viewports. See [Setting Breakpoints](#setting-breakpoints) for more information. ::: -import Basic from '@site/static/usage/v8/split-pane/basic/index.md'; +import Basic from '@site/static/usage/v9/split-pane/basic/index.md'; @@ -58,7 +58,7 @@ By default, the split pane will expand when the screen is larger than 992px. To ### CSS Custom Properties -import CSSProperties from '@site/static/usage/v8/split-pane/theming/css-properties/index.md'; +import CSSProperties from '@site/static/usage/v9/split-pane/theming/css-properties/index.md'; diff --git a/docs/api/tab-bar.md b/docs/api/tab-bar.md index 4d5372db084..40a2083742a 100644 --- a/docs/api/tab-bar.md +++ b/docs/api/tab-bar.md @@ -4,12 +4,12 @@ title: "ion-tab-bar" import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem'; -import Props from '@ionic-internal/component-api/v8/tab-bar/props.md'; -import Events from '@ionic-internal/component-api/v8/tab-bar/events.md'; -import Methods from '@ionic-internal/component-api/v8/tab-bar/methods.md'; -import Parts from '@ionic-internal/component-api/v8/tab-bar/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/tab-bar/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/tab-bar/slots.md'; +import Props from '@ionic-internal/component-api/v9/tab-bar/props.md'; +import Events from '@ionic-internal/component-api/v9/tab-bar/events.md'; +import Methods from '@ionic-internal/component-api/v9/tab-bar/methods.md'; +import Parts from '@ionic-internal/component-api/v9/tab-bar/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/tab-bar/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/tab-bar/slots.md'; ion-tab-bar: Tab Bar Component with CSS Custom Properties @@ -148,7 +148,7 @@ Badges can be added inside a tab button, often used to indicate notifications or Empty badges are only available for `md` mode. ::: -import InsideTabBar from '@site/static/usage/v8/badge/inside-tab-bar/index.md'; +import InsideTabBar from '@site/static/usage/v9/badge/inside-tab-bar/index.md'; diff --git a/docs/api/tab-button.md b/docs/api/tab-button.md index d8b151d777c..c7baadb3d18 100644 --- a/docs/api/tab-button.md +++ b/docs/api/tab-button.md @@ -4,12 +4,12 @@ title: "ion-tab-button" import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem'; -import Props from '@ionic-internal/component-api/v8/tab-button/props.md'; -import Events from '@ionic-internal/component-api/v8/tab-button/events.md'; -import Methods from '@ionic-internal/component-api/v8/tab-button/methods.md'; -import Parts from '@ionic-internal/component-api/v8/tab-button/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/tab-button/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/tab-button/slots.md'; +import Props from '@ionic-internal/component-api/v9/tab-button/props.md'; +import Events from '@ionic-internal/component-api/v9/tab-button/events.md'; +import Methods from '@ionic-internal/component-api/v9/tab-button/methods.md'; +import Parts from '@ionic-internal/component-api/v9/tab-button/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/tab-button/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/tab-button/slots.md'; diff --git a/docs/api/tab.md b/docs/api/tab.md index a669d9193d5..63d449adfe6 100644 --- a/docs/api/tab.md +++ b/docs/api/tab.md @@ -2,12 +2,12 @@ title: "ion-tab" --- -import Props from '@ionic-internal/component-api/v8/tab/props.md'; -import Events from '@ionic-internal/component-api/v8/tab/events.md'; -import Methods from '@ionic-internal/component-api/v8/tab/methods.md'; -import Parts from '@ionic-internal/component-api/v8/tab/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/tab/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/tab/slots.md'; +import Props from '@ionic-internal/component-api/v9/tab/props.md'; +import Events from '@ionic-internal/component-api/v9/tab/events.md'; +import Methods from '@ionic-internal/component-api/v9/tab/methods.md'; +import Parts from '@ionic-internal/component-api/v9/tab/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/tab/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/tab/slots.md'; ion-tab: Ionic Framework Application Component diff --git a/docs/api/tabs.md b/docs/api/tabs.md index e743a541b80..fe74cb5b311 100644 --- a/docs/api/tabs.md +++ b/docs/api/tabs.md @@ -1,12 +1,12 @@ --- title: "ion-tabs" --- -import Props from '@ionic-internal/component-api/v8/tabs/props.md'; -import Events from '@ionic-internal/component-api/v8/tabs/events.md'; -import Methods from '@ionic-internal/component-api/v8/tabs/methods.md'; -import Parts from '@ionic-internal/component-api/v8/tabs/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/tabs/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/tabs/slots.md'; +import Props from '@ionic-internal/component-api/v9/tabs/props.md'; +import Events from '@ionic-internal/component-api/v9/tabs/events.md'; +import Methods from '@ionic-internal/component-api/v9/tabs/methods.md'; +import Parts from '@ionic-internal/component-api/v9/tabs/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/tabs/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/tabs/slots.md'; ion-tabs: Tab-Based Component for App Top-Level Navigation @@ -30,7 +30,7 @@ The `ion-tab-bar` needs a slot defined in order to be projected to the right pla Tabs can be used to display different content without the need to change the URL. This is useful when the tabs are not used for navigation, but rather to display different content. -import Basic from '@site/static/usage/v8/tabs/basic/index.md'; +import Basic from '@site/static/usage/v9/tabs/basic/index.md'; @@ -38,7 +38,7 @@ import Basic from '@site/static/usage/v8/tabs/basic/index.md'; Tabs can be used with the Ionic router to implement tab-based navigation. The tab bar and active tab will automatically resolve based on the URL. This is the most common pattern for tabs navigation. -import Router from '@site/static/usage/v8/tabs/router/index.md'; +import Router from '@site/static/usage/v9/tabs/router/index.md'; @@ -52,7 +52,7 @@ Ionic has guides on best practices for routing patterns with tabs. Check out the Tabs can be selected programmatically using the `select` method. This is useful when tab changes need to be triggered from application logic, such as in response to a button click or after completing a form. The following example demonstrates using a button to call the `select` method to navigate to a different tab. -import SelectMethod from '@site/static/usage/v8/tabs/select-method/index.md'; +import SelectMethod from '@site/static/usage/v9/tabs/select-method/index.md'; diff --git a/docs/api/text.md b/docs/api/text.md index c716f1b76b9..b056b04bf08 100644 --- a/docs/api/text.md +++ b/docs/api/text.md @@ -1,12 +1,12 @@ --- title: "ion-text" --- -import Props from '@ionic-internal/component-api/v8/text/props.md'; -import Events from '@ionic-internal/component-api/v8/text/events.md'; -import Methods from '@ionic-internal/component-api/v8/text/methods.md'; -import Parts from '@ionic-internal/component-api/v8/text/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/text/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/text/slots.md'; +import Props from '@ionic-internal/component-api/v9/text/props.md'; +import Events from '@ionic-internal/component-api/v9/text/events.md'; +import Methods from '@ionic-internal/component-api/v9/text/methods.md'; +import Parts from '@ionic-internal/component-api/v9/text/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/text/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/text/slots.md'; ion-text: Ionic App Component to Style or Change Text Color @@ -21,7 +21,7 @@ The text component is a simple component that can be used to style the text colo ## Basic Usage -import Basic from '@site/static/usage/v8/text/basic/index.md'; +import Basic from '@site/static/usage/v9/text/basic/index.md'; diff --git a/docs/api/textarea.md b/docs/api/textarea.md index feed4b04bee..5986aa3fa1d 100644 --- a/docs/api/textarea.md +++ b/docs/api/textarea.md @@ -1,12 +1,12 @@ --- title: "ion-textarea" --- -import Props from '@ionic-internal/component-api/v8/textarea/props.md'; -import Events from '@ionic-internal/component-api/v8/textarea/events.md'; -import Methods from '@ionic-internal/component-api/v8/textarea/methods.md'; -import Parts from '@ionic-internal/component-api/v8/textarea/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/textarea/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/textarea/slots.md'; +import Props from '@ionic-internal/component-api/v9/textarea/props.md'; +import Events from '@ionic-internal/component-api/v9/textarea/events.md'; +import Methods from '@ionic-internal/component-api/v9/textarea/methods.md'; +import Parts from '@ionic-internal/component-api/v9/textarea/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/textarea/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/textarea/slots.md'; Ionic Textarea Component and CSS Properties for Multi-Line Input @@ -25,7 +25,7 @@ The textarea component accepts the [native textarea attributes](https://develope ## Basic Usage -import BasicPlayground from '@site/static/usage/v8/textarea/basic/index.md'; +import BasicPlayground from '@site/static/usage/v9/textarea/basic/index.md'; @@ -41,7 +41,7 @@ Labels should be used to describe the textarea. They can be used visually, and t Labels will take up the width of their content by default. Developers can use the `labelPlacement` property to control how the label is placed relative to the control. -import LabelPlacement from '@site/static/usage/v8/textarea/label-placement/index.md'; +import LabelPlacement from '@site/static/usage/v9/textarea/label-placement/index.md'; @@ -51,7 +51,7 @@ While plaintext labels should be passed in via the `label` property, if custom H Note that this feature is considered experimental because it relies on a simulated version of [Web Component slots](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots). As a result, the simulated behavior may not exactly match the native slot behavior. -import LabelSlot from '@site/static/usage/v8/textarea/label-slot/index.md'; +import LabelSlot from '@site/static/usage/v9/textarea/label-slot/index.md'; @@ -59,7 +59,7 @@ import LabelSlot from '@site/static/usage/v8/textarea/label-slot/index.md'; If no visible label is needed, developers should still supply an `aria-label` so the textarea is accessible to screen readers. -import NoVisibleLabel from '@site/static/usage/v8/textarea/no-visible-label/index.md'; +import NoVisibleLabel from '@site/static/usage/v9/textarea/no-visible-label/index.md'; @@ -73,7 +73,7 @@ Filled textareas can be used on iOS by setting the textarea's `mode` to `md`. Textareas that use `fill` should not be used in an `ion-item` due to styling conflicts between the components. ::: -import Fill from '@site/static/usage/v8/textarea/fill/index.md'; +import Fill from '@site/static/usage/v9/textarea/fill/index.md'; @@ -83,7 +83,7 @@ Helper and error text can be used inside of a textarea with the `helperText` and In Angular, this is done automatically through form validation. In JavaScript, React and Vue, the class needs to be manually added based on your own validation. -import HelperError from '@site/static/usage/v8/textarea/helper-error/index.md'; +import HelperError from '@site/static/usage/v9/textarea/helper-error/index.md'; @@ -91,7 +91,7 @@ import HelperError from '@site/static/usage/v8/textarea/helper-error/index.md'; The textarea counter is text that displays under a textarea to notify the user of how many characters have been entered out of the total that the textarea will accept. When adding counter, the default behavior is to format the value that gets displayed as `inputLength` / `maxLength`. This behavior can be customized by passing in a formatter function to the `counterFormatter` property. -import Counter from '@site/static/usage/v8/textarea/counter/index.md'; +import Counter from '@site/static/usage/v9/textarea/counter/index.md'; @@ -99,7 +99,7 @@ import Counter from '@site/static/usage/v8/textarea/counter/index.md'; When the `autoGrow` property is set to `true`, the textarea will grow and shrink based on its contents. -import AutogrowPlayground from '@site/static/usage/v8/textarea/autogrow/index.md'; +import AutogrowPlayground from '@site/static/usage/v9/textarea/autogrow/index.md'; @@ -107,7 +107,7 @@ import AutogrowPlayground from '@site/static/usage/v8/textarea/autogrow/index.md Setting the `clearOnEdit` property to `true` will clear the textarea after it has been blurred and then typed in again. -import ClearOnEditPlayground from '@site/static/usage/v8/textarea/clear-on-edit/index.md'; +import ClearOnEditPlayground from '@site/static/usage/v9/textarea/clear-on-edit/index.md'; @@ -123,13 +123,13 @@ In most cases, [Icon](./icon.md) components placed in these slots should have `a If slot content is meant to be interacted with, it should be wrapped in an interactive element such as a [Button](./button.md). This ensures that the content can be tabbed to. ::: -import StartEndSlots from '@site/static/usage/v8/textarea/start-end-slots/index.md'; +import StartEndSlots from '@site/static/usage/v9/textarea/start-end-slots/index.md'; ## Theming -import ThemingPlayground from '@site/static/usage/v8/textarea/theming/index.md'; +import ThemingPlayground from '@site/static/usage/v9/textarea/theming/index.md'; diff --git a/docs/api/thumbnail.md b/docs/api/thumbnail.md index 094acf35469..d6e64c6009b 100644 --- a/docs/api/thumbnail.md +++ b/docs/api/thumbnail.md @@ -2,12 +2,12 @@ title: "ion-thumbnail" --- -import Props from '@ionic-internal/component-api/v8/thumbnail/props.md'; -import Events from '@ionic-internal/component-api/v8/thumbnail/events.md'; -import Methods from '@ionic-internal/component-api/v8/thumbnail/methods.md'; -import Parts from '@ionic-internal/component-api/v8/thumbnail/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/thumbnail/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/thumbnail/slots.md'; +import Props from '@ionic-internal/component-api/v9/thumbnail/props.md'; +import Events from '@ionic-internal/component-api/v9/thumbnail/events.md'; +import Methods from '@ionic-internal/component-api/v9/thumbnail/methods.md'; +import Parts from '@ionic-internal/component-api/v9/thumbnail/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/thumbnail/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/thumbnail/slots.md'; ion-thumbnail: Thumbnail App Component for Images or Icons @@ -24,13 +24,13 @@ Thumbnails can be used by themselves or inside of any element. If placed inside ## Basic Usage -import Basic from '@site/static/usage/v8/thumbnail/basic/index.md'; +import Basic from '@site/static/usage/v9/thumbnail/basic/index.md'; ## Item Thumbnails -import Item from '@site/static/usage/v8/thumbnail/item/index.md'; +import Item from '@site/static/usage/v9/thumbnail/item/index.md'; @@ -38,7 +38,7 @@ import Item from '@site/static/usage/v8/thumbnail/item/index.md'; ### CSS Custom Properties -import CSSProps from '@site/static/usage/v8/thumbnail/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v9/thumbnail/theming/css-properties/index.md'; diff --git a/docs/api/title.md b/docs/api/title.md index 975c9eaea37..70990d3578e 100644 --- a/docs/api/title.md +++ b/docs/api/title.md @@ -1,12 +1,12 @@ --- title: "ion-title" --- -import Props from '@ionic-internal/component-api/v8/title/props.md'; -import Events from '@ionic-internal/component-api/v8/title/events.md'; -import Methods from '@ionic-internal/component-api/v8/title/methods.md'; -import Parts from '@ionic-internal/component-api/v8/title/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/title/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/title/slots.md'; +import Props from '@ionic-internal/component-api/v9/title/props.md'; +import Events from '@ionic-internal/component-api/v9/title/events.md'; +import Methods from '@ionic-internal/component-api/v9/title/methods.md'; +import Parts from '@ionic-internal/component-api/v9/title/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/title/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/title/slots.md'; ion-title: Ionic Framework App Title Component for Toolbars @@ -22,7 +22,7 @@ Title is a text component that sets the title for a [toolbar](./toolbar). It can ## Basic -import Basic from '@site/static/usage/v8/title/basic/index.md'; +import Basic from '@site/static/usage/v9/title/basic/index.md'; @@ -36,7 +36,7 @@ This feature is only available for iOS. ::: -import CollapsibleLargeTitle from '@site/static/usage/v8/title/collapsible-large-title/basic/index.md'; +import CollapsibleLargeTitle from '@site/static/usage/v9/title/collapsible-large-title/basic/index.md'; @@ -45,7 +45,7 @@ import CollapsibleLargeTitle from '@site/static/usage/v8/title/collapsible-large The [buttons](./buttons.md) component can be used with the [`collapse`](./buttons.md#collapse) property to additionally display in the header as the toolbar is collapsed. -import CollapsibleLargeTitleButtons from '@site/static/usage/v8/title/collapsible-large-title/buttons/index.md'; +import CollapsibleLargeTitleButtons from '@site/static/usage/v9/title/collapsible-large-title/buttons/index.md'; @@ -73,7 +73,7 @@ When styling the text color of the large title, you should target the large titl ### CSS Custom Properties -import CSSCustomProperties from '@site/static/usage/v8/title/theming/css-properties/index.md'; +import CSSCustomProperties from '@site/static/usage/v9/title/theming/css-properties/index.md'; diff --git a/docs/api/toast.md b/docs/api/toast.md index c9df2deeaa0..ffe4fb0042c 100644 --- a/docs/api/toast.md +++ b/docs/api/toast.md @@ -4,12 +4,12 @@ title: "ion-toast" import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem'; -import Props from '@ionic-internal/component-api/v8/toast/props.md'; -import Events from '@ionic-internal/component-api/v8/toast/events.md'; -import Methods from '@ionic-internal/component-api/v8/toast/methods.md'; -import Parts from '@ionic-internal/component-api/v8/toast/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/toast/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/toast/slots.md'; +import Props from '@ionic-internal/component-api/v9/toast/props.md'; +import Events from '@ionic-internal/component-api/v9/toast/events.md'; +import Methods from '@ionic-internal/component-api/v9/toast/methods.md'; +import Parts from '@ionic-internal/component-api/v9/toast/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/toast/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/toast/slots.md'; ion-toast: A Dismissible App Notification Alert Component @@ -26,7 +26,7 @@ A Toast is a subtle notification commonly used in modern applications. It can be `ion-toast` can be used by writing the component directly in your template. This reduces the number of handlers you need to wire up in order to present the toast. -import InlineToastTriggerExample from '@site/static/usage/v8/toast/inline/basic/index.md'; +import InlineToastTriggerExample from '@site/static/usage/v9/toast/inline/basic/index.md'; @@ -36,13 +36,13 @@ The `isOpen` property on `ion-toast` allows developers to control the presentati `isOpen` uses a one-way data binding, meaning it will not automatically be set to `false` when the toast is dismissed. Developers should listen for the `ionToastDidDismiss` or `didDismiss` event and set `isOpen` to `false`. The reason for this is it prevents the internals of `ion-toast` from being tightly coupled with the state of the application. With a one way data binding, the toast only needs to concern itself with the boolean value that the reactive variable provides. With a two way data binding, the toast needs to concern itself with both the boolean value as well as the existence of the reactive variable itself. This can lead to non-deterministic behaviors and make applications harder to debug. -import InlineToastIsOpenExample from '@site/static/usage/v8/toast/inline/is-open/index.md'; +import InlineToastIsOpenExample from '@site/static/usage/v9/toast/inline/is-open/index.md'; ## Controller Toasts -import ControllerExample from '@site/static/usage/v8/toast/presenting/controller/index.md'; +import ControllerExample from '@site/static/usage/v9/toast/presenting/controller/index.md'; @@ -56,7 +56,7 @@ Pressing the hardware back button does not dismiss toasts since they are not sup The following example demonstrates how to use the `buttons` property to add a button that automatically dismisses the toast when clicked, as well as how to collect the `role` of the dismiss event. -import ButtonsPlayground from '@site/static/usage/v8/toast/buttons/index.md'; +import ButtonsPlayground from '@site/static/usage/v9/toast/buttons/index.md'; @@ -68,7 +68,7 @@ Toasts can be positioned at the top, bottom or middle of the viewport. The posit If a toast is presented alongside navigation elements such as a header, footer, or [FAB](./fab.md), the toast may overlap these elements by default. This can be fixed using the `positionAnchor` property, which takes either an element reference or an ID. The toast will be positioned relative to the chosen element, appearing below it when using `position="top"` or above it when using `position="bottom"`. When using `position="middle"`, the `positionAnchor` property is ignored. -import PositionAnchor from '@site/static/usage/v8/toast/position-anchor/index.md'; +import PositionAnchor from '@site/static/usage/v9/toast/position-anchor/index.md'; @@ -76,7 +76,7 @@ import PositionAnchor from '@site/static/usage/v8/toast/position-anchor/index.md Toasts can be swiped to dismiss by using the `swipeGesture` property. This feature is position-aware, meaning the direction that users need to swipe will change based on the value of the `position` property. Additionally, the distance users need to swipe may be impacted by the `positionAnchor` property. -import SwipeGesture from '@site/static/usage/v8/toast/swipe-gesture/index.md'; +import SwipeGesture from '@site/static/usage/v9/toast/swipe-gesture/index.md'; @@ -84,7 +84,7 @@ import SwipeGesture from '@site/static/usage/v8/toast/swipe-gesture/index.md'; Button containers within the toast can be displayed either on the same line as the message or stacked on separate lines using the `layout` property. The stacked layout should be used with buttons that have long text values. Additionally, buttons in a stacked toast layout can use a `side` value of either `start` or `end`, but not both. -import StackedPlayground from '@site/static/usage/v8/toast/layout/index.md'; +import StackedPlayground from '@site/static/usage/v9/toast/layout/index.md'; @@ -92,13 +92,13 @@ import StackedPlayground from '@site/static/usage/v8/toast/layout/index.md'; An icon can be added next to the content inside of the toast. In general, icons in toasts should be used to add additional style or context, not to grab the user's attention or elevate the priority of the toast. If you wish to convey a higher priority message to the user or guarantee a response, we recommend using an [Alert](alert.md) instead. -import IconPlayground from '@site/static/usage/v8/toast/icon/index.md'; +import IconPlayground from '@site/static/usage/v9/toast/icon/index.md'; ## Theming -import ThemingPlayground from '@site/static/usage/v8/toast/theming/index.md'; +import ThemingPlayground from '@site/static/usage/v9/toast/theming/index.md'; diff --git a/docs/api/toggle.md b/docs/api/toggle.md index ad2ebe3554e..9e8314c0dcc 100644 --- a/docs/api/toggle.md +++ b/docs/api/toggle.md @@ -1,12 +1,12 @@ --- title: "ion-toggle" --- -import Props from '@ionic-internal/component-api/v8/toggle/props.md'; -import Events from '@ionic-internal/component-api/v8/toggle/events.md'; -import Methods from '@ionic-internal/component-api/v8/toggle/methods.md'; -import Parts from '@ionic-internal/component-api/v8/toggle/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/toggle/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/toggle/slots.md'; +import Props from '@ionic-internal/component-api/v9/toggle/props.md'; +import Events from '@ionic-internal/component-api/v9/toggle/events.md'; +import Methods from '@ionic-internal/component-api/v9/toggle/methods.md'; +import Parts from '@ionic-internal/component-api/v9/toggle/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/toggle/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/toggle/slots.md'; ion-toggle: Custom Toggle Button for Ionic Applications @@ -22,7 +22,7 @@ Toggles are switches that change the state of a single option. They can be switc ## Basic Usage -import Basic from '@site/static/usage/v8/toggle/basic/index.md'; +import Basic from '@site/static/usage/v9/toggle/basic/index.md'; @@ -31,7 +31,7 @@ import Basic from '@site/static/usage/v8/toggle/basic/index.md'; Toggles can enable on/off labels by setting the `enableOnOffLabels` property. This is important for accessibility as it makes it easier to differentiate between a checked and unchecked toggle. -import OnOff from '@site/static/usage/v8/toggle/on-off/index.md'; +import OnOff from '@site/static/usage/v9/toggle/on-off/index.md'; @@ -40,7 +40,7 @@ import OnOff from '@site/static/usage/v8/toggle/on-off/index.md'; Toggles can also be used in a list view by using the [Item](./item) and [List](./list) components. -import List from '@site/static/usage/v8/toggle/list/index.md'; +import List from '@site/static/usage/v9/toggle/list/index.md'; @@ -49,7 +49,7 @@ import List from '@site/static/usage/v8/toggle/list/index.md'; Developers can use the `labelPlacement` property to control how the label is placed relative to the control. -import LabelPlacement from '@site/static/usage/v8/toggle/label-placement/index.md'; +import LabelPlacement from '@site/static/usage/v9/toggle/label-placement/index.md'; @@ -61,7 +61,7 @@ Developers can use the `alignment` property to control how the label and control Stacked toggles can be aligned using the `alignment` property. This can be useful when the label and control need to be centered horizontally. ::: -import Alignment from '@site/static/usage/v8/toggle/alignment/index.md'; +import Alignment from '@site/static/usage/v9/toggle/alignment/index.md'; @@ -69,7 +69,7 @@ import Alignment from '@site/static/usage/v8/toggle/alignment/index.md'; Developers can use the `justify` property to control how the label and control are packed on a line. -import Justify from '@site/static/usage/v8/toggle/justify/index.md'; +import Justify from '@site/static/usage/v9/toggle/justify/index.md'; @@ -79,7 +79,7 @@ Helper and error text can be used inside of a toggle with the `helperText` and ` In Angular, this is done automatically through form validation. In JavaScript, React and Vue, the class needs to be manually added based on your own validation. -import HelperError from '@site/static/usage/v8/toggle/helper-error/index.md'; +import HelperError from '@site/static/usage/v9/toggle/helper-error/index.md'; @@ -87,7 +87,7 @@ import HelperError from '@site/static/usage/v8/toggle/helper-error/index.md'; ### Colors -import Colors from '@site/static/usage/v8/toggle/theming/colors/index.md'; +import Colors from '@site/static/usage/v9/toggle/theming/colors/index.md'; @@ -95,7 +95,7 @@ import Colors from '@site/static/usage/v8/toggle/theming/colors/index.md'; CSS custom properties can be combined with standard CSS to target different parts of a toggle. We can modify the `width` and `height` of the toggle directly to change the size of the track, while using the `--handle-width` and `--handle-height` custom properties to customize the handle size. -import CSSProps from '@site/static/usage/v8/toggle/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v9/toggle/theming/css-properties/index.md'; @@ -103,7 +103,7 @@ import CSSProps from '@site/static/usage/v8/toggle/theming/css-properties/index. We can further customize toggle by targeting specific shadow parts that are exposed. Any CSS property on these parts can be styled and they can also be combined with CSS custom properties. -import CSSParts from '@site/static/usage/v8/toggle/theming/css-shadow-parts/index.md'; +import CSSParts from '@site/static/usage/v9/toggle/theming/css-shadow-parts/index.md'; diff --git a/docs/api/toolbar.md b/docs/api/toolbar.md index 1e40388c51b..b45af72a17b 100644 --- a/docs/api/toolbar.md +++ b/docs/api/toolbar.md @@ -1,12 +1,12 @@ --- title: "ion-toolbar" --- -import Props from '@ionic-internal/component-api/v8/toolbar/props.md'; -import Events from '@ionic-internal/component-api/v8/toolbar/events.md'; -import Methods from '@ionic-internal/component-api/v8/toolbar/methods.md'; -import Parts from '@ionic-internal/component-api/v8/toolbar/parts.md'; -import CustomProps from '@ionic-internal/component-api/v8/toolbar/custom-props.mdx'; -import Slots from '@ionic-internal/component-api/v8/toolbar/slots.md'; +import Props from '@ionic-internal/component-api/v9/toolbar/props.md'; +import Events from '@ionic-internal/component-api/v9/toolbar/events.md'; +import Methods from '@ionic-internal/component-api/v9/toolbar/methods.md'; +import Parts from '@ionic-internal/component-api/v9/toolbar/parts.md'; +import CustomProps from '@ionic-internal/component-api/v9/toolbar/custom-props.mdx'; +import Slots from '@ionic-internal/component-api/v9/toolbar/slots.md'; ion-toolbar: Customize App Menu Toolbar Buttons and Icons @@ -27,7 +27,7 @@ Toolbars can contain several different components including titles, buttons, ico It is recommended to put a toolbar inside of a [header](./header) or [footer](./footer) for proper positioning. When a toolbar is placed in a header it will appear fixed at the top of the content. When it is placed in a footer it will appear fixed at the bottom. Fullscreen content will scroll behind a toolbar in a header or footer. A [title](./title) component can be used to display text inside of the toolbar. -import Basic from '@site/static/usage/v8/toolbar/basic/index.md'; +import Basic from '@site/static/usage/v9/toolbar/basic/index.md'; @@ -38,7 +38,7 @@ Buttons placed in a toolbar should be placed inside of the [buttons](./buttons) The buttons component can wrap a standard [button](./button), [back button](./back-button), [menu button](./menu-button), or several of any of them. A button in a toolbar is styled to be clear by default, but this can be changed using the [`fill`](./button#fill) property on the button. The properties included on back button and menu button in this example are for display purposes; see their respective documentation for proper usage. -import Buttons from '@site/static/usage/v8/toolbar/buttons/index.md'; +import Buttons from '@site/static/usage/v9/toolbar/buttons/index.md'; @@ -47,7 +47,7 @@ import Buttons from '@site/static/usage/v8/toolbar/buttons/index.md'; A [searchbar](./searchbar) can be placed inside of a toolbar to search through the content. It should be the only child component of the toolbar, and will take up the full width and height. -import Searchbars from '@site/static/usage/v8/toolbar/searchbars/index.md'; +import Searchbars from '@site/static/usage/v9/toolbar/searchbars/index.md'; @@ -56,7 +56,7 @@ import Searchbars from '@site/static/usage/v8/toolbar/searchbars/index.md'; [Segments](./segment) are generally used in toolbars to toggle between two different content views on the same page. They can be placed in a toolbar with other components, such as buttons, but should not be placed alongside a title. -import Segments from '@site/static/usage/v8/toolbar/segments/index.md'; +import Segments from '@site/static/usage/v9/toolbar/segments/index.md'; @@ -65,7 +65,7 @@ import Segments from '@site/static/usage/v8/toolbar/segments/index.md'; A [progress bar](./progress-bar) is used as a loading indicator to show an ongoing process in an app. Progress bars can be placed with any other components inside of a toolbar as they will align with the bottom of the toolbar. -import ProgressBars from '@site/static/usage/v8/toolbar/progress-bars/index.md'; +import ProgressBars from '@site/static/usage/v9/toolbar/progress-bars/index.md'; @@ -74,13 +74,13 @@ import ProgressBars from '@site/static/usage/v8/toolbar/progress-bars/index.md'; ### Colors -import Colors from '@site/static/usage/v8/toolbar/theming/colors/index.md'; +import Colors from '@site/static/usage/v9/toolbar/theming/colors/index.md'; ### CSS Custom Properties -import CSSProps from '@site/static/usage/v8/toolbar/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v9/toolbar/theming/css-properties/index.md'; diff --git a/docs/developing/config.md b/docs/developing/config.md index 6cce3de4a1d..5204feb4f89 100644 --- a/docs/developing/config.md +++ b/docs/developing/config.md @@ -55,7 +55,7 @@ import PerPlatformOverridesExample from '@site/docs/developing/config/per-platfo In some cases, you may need to access the current Ionic mode programmatically within your application logic. This can be useful for applying conditional behavior, fetching specific assets, or performing other actions based on the active styling mode. -import IonicMode from '@site/static/usage/v8/config/mode/index.md'; +import IonicMode from '@site/static/usage/v9/config/mode/index.md'; diff --git a/docs/developing/keyboard.md b/docs/developing/keyboard.md index d96ebb6e4b9..17d12aa9f6b 100644 --- a/docs/developing/keyboard.md +++ b/docs/developing/keyboard.md @@ -27,7 +27,7 @@ For a list of accepted values, see the diff --git a/docs/developing/managing-focus.md b/docs/developing/managing-focus.md index 9859ed2fb78..33d2cb06c8f 100644 --- a/docs/developing/managing-focus.md +++ b/docs/developing/managing-focus.md @@ -37,7 +37,7 @@ There are platform restrictions you should be aware of when using the `setFocus` The example below demonstrates how to use the `setFocus` API to request focus on an input when the user clicks a button. -import Basic from '@site/static/usage/v8/input/set-focus/index.md'; +import Basic from '@site/static/usage/v9/input/set-focus/index.md'; diff --git a/docs/layout/dynamic-font-scaling.md b/docs/layout/dynamic-font-scaling.md index 74d365c0457..2ea1054851e 100644 --- a/docs/layout/dynamic-font-scaling.md +++ b/docs/layout/dynamic-font-scaling.md @@ -12,7 +12,7 @@ If you are testing on Chrome for Android, make sure ["Accessibility Page Zoom"]( Follow the [Changing the Font Size on a Device](#changing-the-font-size-on-a-device) guide to set your preferred font size, and watch the text in the demo below grow or shrink according to your preferences. -import DynamicFontScaling from '@site/static/usage/v8/layout/dynamic-font-scaling/index.md'; +import DynamicFontScaling from '@site/static/usage/v9/layout/dynamic-font-scaling/index.md'; diff --git a/docs/layout/structure.md b/docs/layout/structure.md index 2b0bdf51de9..3201c7644f6 100644 --- a/docs/layout/structure.md +++ b/docs/layout/structure.md @@ -21,7 +21,7 @@ Ionic Framework provides several different layouts that can be used to structure The most simple layout available consists of a [header](../api/header.md) and [content](../api/content.md). Most pages in an app generally have both of these, but a header is not required in order to use content. -import Header from '@site/static/usage/v8/header/basic/index.md'; +import Header from '@site/static/usage/v9/header/basic/index.md';
@@ -29,7 +29,7 @@ import Header from '@site/static/usage/v8/header/basic/index.md'; While a toolbar in a header appears above the content, a footer appears below the content. A header and a footer can also be used together on the same page. -import Footer from '@site/static/usage/v8/footer/basic/index.md'; +import Footer from '@site/static/usage/v9/footer/basic/index.md';