Commit 6207741
File tree
- _templates/playground/new
- docs
- angular
- cli
- core-concepts
- deployment
- developer-resources/guides
- first-app-v3
- first-app-v4
- developing
- react
- testing/unit-testing
- reference
- theming
- troubleshooting
- vue
- plugins/docusaurus-plugin-ionic-component-api
- src
- components
- global
- PlaygroundTabs
- Playground
- page
- reference/ReleaseNotes
- theming
- ColorAccordion
- ColorDot
- ColorInput
- InputWrapper
- LayeredColorsSelect
- SteppedColorGenerator
- utils
- static
- demos/api
- action-sheet
- alert
- avatar
- back-button
- backdrop
- badge
- button
- card
- checkbox
- chip
- content
- datetime
- fab
- grid
- infinite-scroll
- input
- item
- list
- loading
- modal
- note
- picker
- popover
- progress-bar
- radio
- range
- refresher
- reorder
- router-link
- searchbar
- segment
- select
- skeleton-text
- slides
- spinner
- tabs
- text
- thumbnail
- toast
- toggle
- toolbar
- usage
- v8
- accordion
- accessibility/animations
- basic
- customization
- advanced-expansion-styles
- expansion-styles
- icons
- theming
- disable
- group
- individual
- listen-changes
- angular
- multiple
- readonly
- group
- individual
- toggle
- action-sheet
- controller
- inline
- isOpen
- trigger
- role-info-on-dismiss
- theming
- css-properties
- styling
- alert
- buttons
- customization
- inputs
- radios
- text-inputs
- presenting
- controller
- isOpen
- trigger
- animations
- basic
- before-and-after-hooks
- chain
- gesture
- angular
- group
- keyframes
- modal-override
- preference-based
- app/set-focus
- avatar
- basic
- chip
- item
- theming/css-properties
- back-button
- basic
- custom
- backdrop
- basic
- styling
- badge
- basic
- inside-tab-bar
- theming
- colors
- css-properties
- breadcrumbs
- basic
- collapsing-items
- expand-on-click
- items-before-after
- max-items
- popover-on-click
- icons
- custom-separators
- icons-on-items
- theming
- colors
- css-properties
- buttons
- basic
- placement
- types
- button
- basic
- expand
- fill
- icons
- shape
- size
- text-wrapping
- theming
- colors
- css-properties
- card
- basic
- buttons
- list
- media
- theming
- colors
- css-properties
- checkbox
- alignment
- basic
- helper-error
- indeterminate
- justify
- label-link
- label-placement
- theming/css-properties
- chip
- basic
- slots
- theming
- colors
- css-properties
- config/mode
- content
- basic
- fixed
- fullscreen
- scroll-events
- scroll-methods
- theming
- colors
- css-properties
- css-shadow-parts
- safe-area
- datetime-button
- basic
- format-options
- datetime
- basic
- buttons
- customizing-button-texts
- customizing-buttons
- showing-confirmation-buttons
- date-constraints
- advanced
- max-min
- values
- format-options
- highlightedDates
- array
- callback
- localization
- custom-locale
- first-day-of-week
- hour-cycle
- locale-extension-tags
- time-label
- multiple
- presentation
- date
- month-and-year
- time
- wheel
- show-adjacent-days
- styling
- calendar-days
- calendar-header
- datetime-header
- global-theming
- wheel-styling
- title
- customizing-title
- showing-default-title
- fab
- basic
- before-content
- button-sizing
- list-side
- positioning
- safe-area
- theming
- colors
- css-custom-properties
- css-shadow-parts
- angular
- javascript
- react
- gestures
- basic
- angular
- double-click
- angular
- grid
- basic
- customizing
- column-number
- padding
- width
- fixed
- horizontal-alignment
- offset-responsive
- offset
- push-pull-responsive
- push-pull
- size-auto
- size-responsive
- size
- vertical-alignment
- header
- basic
- condense
- custom-scroll-target
- fade
- no-border
- translucent
- icon/basic
- img/basic
- infinite-scroll
- basic
- custom-infinite-scroll-content
- infinite-scroll-content
- input-otp
- basic
- fill
- pattern
- separators
- shape
- size
- states
- theming
- colors
- css-properties
- type
- input-password-toggle/basic
- input
- basic
- clear
- counter-alignment
- counter
- fill
- filtering
- helper-error
- label-placement
- label-slot
- mask
- no-visible-label
- set-focus
- start-end-slots
- theming
- colors
- css-properties
- types
- item-divider
- basic
- theming
- colors
- css-properties
- item-group
- basic
- sliding-items
- item-sliding
- basic
- expandable
- icons
- item
- basic
- buttons
- clickable
- content-types
- actions
- controls
- metadata
- supporting-visuals
- text
- detail-arrows
- inputs
- lines
- media
- theming
- colors
- css-properties
- css-shadow-parts
- input-highlight
- keyboard
- enterkeyhint
- inputmode
- label
- basic
- input
- item
- theming/colors
- layout/dynamic-font-scaling
- list-header
- basic
- buttons
- lines
- theming
- colors
- css-properties
- list
- basic
- inset
- lines
- loading
- controller
- inline
- spinners
- theming
- modal
- can-dismiss
- boolean
- child-state
- function
- prevent-swipe-to-close
- card/basic
- controller
- custom-dialogs
- drag-move-event
- drag-start-end-events
- inline
- basic
- is-open
- performance/mount
- sheet
- auto-height
- background-content
- basic
- expand-to-scroll
- handle-behavior
- styling
- animations
- theming
- note
- basic
- item
- theming
- colors
- css-properties
- picker-legacy
- controller
- inline
- isOpen
- trigger
- multiple-column
- picker
- basic
- modal
- prefix-suffix
- theming/css-properties
- popover
- customization
- positioning
- sizing
- styling
- nested
- performance/mount
- presenting
- controller
- inline-isopen
- inline-trigger
- progress-bar
- buffer
- determinate
- indeterminate
- theming
- colors
- css-properties
- css-shadow-parts
- radio
- alignment
- basic
- empty-selection
- helper-error
- justify
- label-placement
- label-wrap
- theming
- colors
- css-properties
- css-shadow-parts
- using-comparewith
- range
- basic
- dual-knobs
- ion-change-event
- ion-knob-move-event
- label-slot
- labels
- no-visible-label
- pins
- slots
- snapping-ticks
- theming
- css-properties
- css-shadow-parts
- refresher
- advanced
- basic
- custom-content
- custom-scroll-target
- pull-properties
- pull-start-end-events
- reorder
- basic
- custom-icon
- custom-scroll-target
- reorder-move-event
- reorder-start-end-events
- toggling-disabled
- updating-data
- wrapper
- ripple-effect
- basic
- customizing
- type
- router/basic
- searchbar
- basic
- cancel-button
- clear-button
- debounce
- search-icon
- theming
- colors
- css-properties
- segment-button
- basic
- layout
- theming
- css-properties
- css-shadow-parts
- segment
- basic
- scrollable
- swipeable
- theming
- colors
- css-properties
- select
- basic
- multiple-selection
- responding-to-interaction
- single-selection
- customization
- button-text
- custom-toggle-icons
- icon-flip-behavior
- interface-options
- styling-select
- fill
- helper-error
- interfaces
- action-sheet
- modal
- popover
- justify
- label-placement
- label-slot
- no-visible-label
- objects-as-values
- multiple-selection
- using-comparewith
- start-end-slots
- typeahead
- react
- skeleton-text
- basic
- theming/css-properties
- spinner
- basic
- theming
- colors
- css-properties
- resizing
- split-pane
- basic
- theming/css-properties
- tabs
- basic
- router
- select-method
- textarea
- autogrow
- basic
- clear-on-edit
- counter
- fill
- helper-error
- label-placement
- label-slot
- no-visible-label
- start-end-slots
- theming
- text/basic
- theming
- always-dark-mode
- always-high-contrast-mode
- class-dark-mode
- class-high-contrast-mode
- angular
- system-dark-mode
- system-high-contrast-mode
- thumbnail
- basic
- item
- theming/css-properties
- title
- basic
- collapsible-large-title
- basic
- buttons
- theming/css-properties
- toast
- buttons
- icon
- inline
- basic
- is-open
- layout
- position-anchor
- presenting/controller
- swipe-gesture
- theming
- toggle
- alignment
- basic
- helper-error
- justify
- label-placement
- list
- on-off
- theming
- colors
- css-properties
- css-shadow-parts
- toolbar
- basic
- buttons
- progress-bars
- searchbars
- segments
- theming
- colors
- css-properties
- v9
- accordion
- accessibility/animations
- basic
- customization
- advanced-expansion-styles
- expansion-styles
- icons
- theming
- disable
- group
- individual
- listen-changes
- angular
- multiple
- readonly
- group
- individual
- toggle
- action-sheet
- controller
- inline
- isOpen
- trigger
- role-info-on-dismiss
- theming
- css-properties
- styling
- alert
- buttons
- customization
- inputs
- radios
- text-inputs
- presenting
- controller
- isOpen
- trigger
- animations
- basic
- before-and-after-hooks
- chain
- gesture
- angular
- group
- keyframes
- modal-override
- preference-based
- app/set-focus
- avatar
- basic
- chip
- item
- theming/css-properties
- back-button
- basic
- custom
- backdrop
- basic
- styling
- badge
- basic
- inside-tab-bar
- theming
- colors
- css-properties
- breadcrumbs
- basic
- collapsing-items
- expand-on-click
- items-before-after
- max-items
- popover-on-click
- icons
- custom-separators
- icons-on-items
- theming
- colors
- css-properties
- buttons
- basic
- placement
- types
- button
- basic
- expand
- fill
- icons
- shape
- size
- text-wrapping
- theming
- colors
- css-properties
- card
- basic
- buttons
- list
- media
- theming
- colors
- css-properties
- checkbox
- alignment
- basic
- helper-error
- indeterminate
- justify
- label-link
- label-placement
- theming/css-properties
- chip
- basic
- slots
- theming
- colors
- css-properties
- config/mode
- content
- basic
- fixed
- fullscreen
- scroll-events
- scroll-methods
- theming
- colors
- css-properties
- css-shadow-parts
- safe-area
- datetime-button
- basic
- format-options
- datetime
- basic
- buttons
- customizing-button-texts
- customizing-buttons
- showing-confirmation-buttons
- date-constraints
- advanced
- max-min
- values
- format-options
- highlightedDates
- array
- callback
- localization
- custom-locale
- first-day-of-week
- hour-cycle
- locale-extension-tags
- time-label
- multiple
- presentation
- date
- month-and-year
- time
- wheel
- show-adjacent-days
- styling
- calendar-days
- calendar-header
- datetime-header
- global-theming
- wheel-styling
- title
- customizing-title
- showing-default-title
- fab
- basic
- before-content
- button-sizing
- list-side
- positioning
- safe-area
- theming
- colors
- css-custom-properties
- css-shadow-parts
- angular
- javascript
- react
- gestures
- basic
- angular
- double-click
- angular
- grid
- basic
- customizing
- column-number
- padding
- width
- fixed
- horizontal-alignment
- offset-responsive
- offset
- push-pull-responsive
- push-pull
- size-auto
- size-responsive
- size
- vertical-alignment
- header
- basic
- condense
- custom-scroll-target
- fade
- no-border
- translucent
- icon
- basic
- custom-svgs
- font-icons
- img/basic
- infinite-scroll
- basic
- custom-infinite-scroll-content
- infinite-scroll-content
- input-otp
- basic
- fill
- pattern
- separators
- shape
- size
- states
- theming
- colors
- css-properties
- type
- input-password-toggle/basic
- input
- basic
- clear
- counter-alignment
- counter
- fill
- filtering
- helper-error
- label-placement
- label-slot
- mask
- no-visible-label
- set-focus
- start-end-slots
- theming
- colors
- css-properties
- types
- item-divider
- basic
- theming
- colors
- css-properties
- item-group
- basic
- sliding-items
- item-sliding
- basic
- expandable
- icons
- item
- basic
- buttons
- clickable
- content-types
- actions
- controls
- metadata
- supporting-visuals
- text
- detail-arrows
- inputs
- lines
- media
- theming
- colors
- css-properties
- css-shadow-parts
- input-highlight
- keyboard
- enterkeyhint
- inputmode
- label
- basic
- input
- item
- theming/colors
- layout/dynamic-font-scaling
- list-header
- basic
- buttons
- lines
- theming
- colors
- css-properties
- list
- basic
- inset
- lines
- loading
- controller
- inline
- spinners
- theming
- modal
- can-dismiss
- boolean
- child-state
- function
- prevent-swipe-to-close
- card/basic
- controller
- custom-dialogs
- drag-move-event
- drag-start-end-events
- inline
- basic
- is-open
- performance/mount
- sheet
- auto-height
- background-content
- basic
- expand-to-scroll
- handle-behavior
- styling
- animations
- theming
- note
- basic
- item
- theming
- colors
- css-properties
- picker
- basic
- modal
- prefix-suffix
- theming/css-properties
- popover
- customization
- positioning
- sizing
- styling
- nested
- performance/mount
- presenting
- controller
- inline-isopen
- inline-trigger
- progress-bar
- buffer
- determinate
- indeterminate
- theming
- colors
- css-properties
- css-shadow-parts
- radio
- alignment
- basic
- empty-selection
- helper-error
- justify
- label-placement
- label-wrap
- theming
- colors
- css-properties
- css-shadow-parts
- using-comparewith
- range
- basic
- dual-knobs
- ion-change-event
- ion-knob-move-event
- label-slot
- labels
- no-visible-label
- pins
- slots
- snapping-ticks
- theming
- css-properties
- css-shadow-parts
- refresher
- advanced
- basic
- custom-content
- custom-scroll-target
- pull-properties
- pull-start-end-events
- reorder
- basic
- custom-icon
- custom-scroll-target
- reorder-move-event
- reorder-start-end-events
- toggling-disabled
- updating-data
- wrapper
- ripple-effect
- basic
- customizing
- type
- router
- basic
- searchbar
- basic
- cancel-button
- clear-button
- debounce
- search-icon
- theming
- colors
- css-properties
- segment-button
- basic
- layout
- theming
- css-properties
- css-shadow-parts
- segment
- basic
- scrollable
- swipeable
- theming
- colors
- css-properties
- select
- basic
- multiple-selection
- responding-to-interaction
- single-selection
- customization
- button-text
- custom-toggle-icons
- icon-flip-behavior
- interface-options
- styling-select
- fill
- helper-error
- interfaces
- action-sheet
- modal
- popover
- justify
- label-placement
- label-slot
- no-visible-label
- objects-as-values
- multiple-selection
- using-comparewith
- rich-content-options
- start-end-slots
- typeahead
- react
- skeleton-text
- basic
- theming/css-properties
- spinner
- basic
- theming
- colors
- css-properties
- resizing
- split-pane
- basic
- theming/css-properties
- tabs
- basic
- router
- select-method
- textarea
- autogrow
- basic
- clear-on-edit
- counter
- fill
- helper-error
- label-placement
- label-slot
- no-visible-label
- start-end-slots
- theming
- text/basic
- theming
- always-dark-mode
- always-high-contrast-mode
- class-dark-mode
- class-high-contrast-mode
- angular
- system-dark-mode
- system-high-contrast-mode
- thumbnail
- basic
- item
- theming/css-properties
- title
- basic
- collapsible-large-title
- basic
- buttons
- theming/css-properties
- toast
- buttons
- icon
- inline
- basic
- is-open
- layout
- position-anchor
- presenting/controller
- swipe-gesture
- theming
- toggle
- alignment
- basic
- helper-error
- justify
- label-placement
- list
- on-off
- theming
- colors
- css-properties
- css-shadow-parts
- toolbar
- basic
- buttons
- progress-bars
- searchbars
- segments
- theming
- colors
- css-properties
- versioned_docs/version-v8
- angular
- your-first-app
- cli
- core-concepts
- deployment
- developer-resources/guides
- first-app-v3
- first-app-v4
- developing
- react
- testing/unit-testing
- reference
- theming
- troubleshooting
- vue
Some content is hidden
Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
72 | 72 | | |
73 | 73 | | |
74 | 74 | | |
75 | | - | |
| 75 | + | |
76 | 76 | | |
77 | 77 | | |
78 | 78 | | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
71 | 71 | | |
72 | 72 | | |
73 | 73 | | |
74 | | - | |
| 74 | + | |
| 75 | + | |
| 76 | + | |
| 77 | + | |
75 | 78 | | |
76 | 79 | | |
77 | 80 | | |
| |||
113 | 116 | | |
114 | 117 | | |
115 | 118 | | |
116 | | - | |
| 119 | + | |
| 120 | + | |
| 121 | + | |
| 122 | + | |
117 | 123 | | |
118 | 124 | | |
119 | 125 | | |
| |||
148 | 154 | | |
149 | 155 | | |
150 | 156 | | |
151 | | - | |
| 157 | + | |
| 158 | + | |
| 159 | + | |
| 160 | + | |
152 | 161 | | |
153 | 162 | | |
154 | 163 | | |
| |||
174 | 183 | | |
175 | 184 | | |
176 | 185 | | |
177 | | - | |
| 186 | + | |
| 187 | + | |
| 188 | + | |
| 189 | + | |
178 | 190 | | |
179 | 191 | | |
180 | 192 | | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
81 | 81 | | |
82 | 82 | | |
83 | 83 | | |
84 | | - | |
| 84 | + | |
| 85 | + | |
| 86 | + | |
85 | 87 | | |
86 | 88 | | |
87 | 89 | | |
| |||
113 | 115 | | |
114 | 116 | | |
115 | 117 | | |
116 | | - | |
| 118 | + | |
117 | 119 | | |
118 | 120 | | |
119 | 121 | | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
117 | 117 | | |
118 | 118 | | |
119 | 119 | | |
120 | | - | |
121 | | - | |
122 | | - | |
| 120 | + | |
123 | 121 | | |
124 | 122 | | |
125 | 123 | | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
38 | 38 | | |
39 | 39 | | |
40 | 40 | | |
41 | | - | |
| 41 | + | |
42 | 42 | | |
43 | 43 | | |
44 | 44 | | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
47 | 47 | | |
48 | 48 | | |
49 | 49 | | |
50 | | - | |
| 50 | + | |
51 | 51 | | |
52 | 52 | | |
53 | 53 | | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
116 | 116 | | |
117 | 117 | | |
118 | 118 | | |
119 | | - | |
| 119 | + | |
120 | 120 | | |
121 | 121 | | |
122 | 122 | | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
28 | 28 | | |
29 | 29 | | |
30 | 30 | | |
31 | | - | |
| 31 | + | |
32 | 32 | | |
33 | 33 | | |
34 | 34 | | |
35 | | - | |
| 35 | + | |
36 | 36 | | |
37 | 37 | | |
38 | 38 | | |
39 | | - | |
| 39 | + | |
40 | 40 | | |
41 | 41 | | |
42 | 42 | | |
43 | | - | |
| 43 | + | |
44 | 44 | | |
45 | 45 | | |
46 | 46 | | |
47 | | - | |
| 47 | + | |
48 | 48 | | |
49 | 49 | | |
50 | 50 | | |
51 | | - | |
| 51 | + | |
52 | 52 | | |
53 | 53 | | |
54 | 54 | | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
11 | 11 | | |
12 | 12 | | |
13 | 13 | | |
14 | | - | |
15 | | - | |
16 | | - | |
17 | | - | |
18 | | - | |
19 | | - | |
20 | | - | |
| 14 | + | |
| 15 | + | |
| 16 | + | |
| 17 | + | |
| 18 | + | |
21 | 19 | | |
22 | 20 | | |
23 | 21 | | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
61 | 61 | | |
62 | 62 | | |
63 | 63 | | |
64 | | - | |
65 | | - | |
66 | | - | |
| 64 | + | |
67 | 65 | | |
68 | 66 | | |
69 | 67 | | |
| |||
0 commit comments