ion-action-sheet

 
--backdrop-opacity
Copied!
Opacity of the backdrop
--background
Copied!
Background of the action sheet group
--button-background
Copied!
Background of the action sheet button
--button-background-activated
Copied!
Background of the action sheet button when pressed. Note: setting this will interfere with the Material Design ripple.
--button-background-activated-opacity
Copied!
Opacity of the action sheet button background when pressed
--button-background-focused
Copied!
Background of the action sheet button when tabbed to
--button-background-focused-opacity
Copied!
Opacity of the action sheet button background when tabbed to
--button-background-hover
Copied!
Background of the action sheet button on hover
--button-background-hover-opacity
Copied!
Opacity of the action sheet button background on hover
--button-background-selected
Copied!
Background of the selected action sheet button
--button-background-selected-opacity
Copied!
Opacity of the selected action sheet button background
--button-color
Copied!
Color of the action sheet button
--button-color-activated
Copied!
Color of the action sheet button when pressed
--button-color-focused
Copied!
Color of the action sheet button when tabbed to
--button-color-hover
Copied!
Color of the action sheet button on hover
--button-color-selected
Copied!
Color of the selected action sheet button
--color
Copied!
Color of the action sheet text
--height
Copied!
height of the action sheet
--max-height
Copied!
Maximum height of the action sheet
--max-width
Copied!
Maximum width of the action sheet
--min-height
Copied!
Minimum height of the action sheet
--min-width
Copied!
Minimum width of the action sheet
--width
Copied!
Width of the action sheet

ion-alert

 
--backdrop-opacity
Copied!
Opacity of the backdrop
--background
Copied!
Background of the alert
--height
Copied!
Height of the alert
--max-height
Copied!
Maximum height of the alert
--max-width
Copied!
Maximum width of the alert
--min-height
Copied!
Minimum height of the alert
--min-width
Copied!
Minimum width of the alert
--width
Copied!
Width of the alert

ion-avatar

 
--border-radius
Copied!
Border radius of the avatar and inner image

ion-back-button

 
--background
Copied!
Background of the button
--background-focused
Copied!
Background of the button when focused with the tab key
--background-focused-opacity
Copied!
Opacity of the button background when focused with the tab key
--background-hover
Copied!
Background of the button on hover
--background-hover-opacity
Copied!
Opacity of the background on hover
--border-radius
Copied!
Border radius of the button
--color
Copied!
Text color of the button
--color-focused
Copied!
Text color of the button when focused with the tab key
--color-hover
Copied!
Text color of the button on hover
--icon-font-size
Copied!
Font size of the button icon
--icon-font-weight
Copied!
Font weight of the button icon
--icon-margin-bottom
Copied!
Bottom margin of the button icon
--icon-margin-end
Copied!
Right margin if direction is left-to-right, and left margin if direction is right-to-left of the button icon
--icon-margin-start
Copied!
Left margin if direction is left-to-right, and right margin if direction is right-to-left of the button icon
--icon-margin-top
Copied!
Top margin of the button icon
--icon-padding-bottom
Copied!
Bottom padding of the button icon
--icon-padding-end
Copied!
Right padding if direction is left-to-right, and left padding if direction is right-to-left of the button icon
--icon-padding-start
Copied!
Left padding if direction is left-to-right, and right padding if direction is right-to-left of the button icon
--icon-padding-top
Copied!
Top padding of the button icon
--margin-bottom
Copied!
Bottom margin of the button
--margin-end
Copied!
Right margin if direction is left-to-right, and left margin if direction is right-to-left of the button
--margin-start
Copied!
Left margin if direction is left-to-right, and right margin if direction is right-to-left of the button
--margin-top
Copied!
Top margin of the button
--min-height
Copied!
Minimum height of the button
--min-width
Copied!
Minimum width of the button
--opacity
Copied!
Opacity of the button
--padding-bottom
Copied!
Bottom padding of the button
--padding-end
Copied!
Right padding if direction is left-to-right, and left padding if direction is right-to-left of the button
--padding-start
Copied!
Left padding if direction is left-to-right, and right padding if direction is right-to-left of the button
--padding-top
Copied!
Top padding of the button
--ripple-color
Copied!
Color of the button ripple effect
--transition
Copied!
Transition of the button

ion-badge

 
--background
Copied!
Background of the badge
--color
Copied!
Text color of the badge
--padding-bottom
Copied!
Bottom padding of the badge
--padding-end
Copied!
Right padding if direction is left-to-right, and left padding if direction is right-to-left of the badge
--padding-start
Copied!
Left padding if direction is left-to-right, and right padding if direction is right-to-left of the badge
--padding-top
Copied!
Top padding of the badge

ion-button

 
--background
Copied!
Background of the button
--background-activated
Copied!
Background of the button when pressed. Note: setting this will interfere with the Material Design ripple.
--background-activated-opacity
Copied!
Opacity of the button when pressed
--background-focused
Copied!
Background of the button when focused with the tab key
--background-focused-opacity
Copied!
Opacity of the button when focused with the tab key
--background-hover
Copied!
Background of the button on hover
--background-hover-opacity
Copied!
Opacity of the background on hover
--border-color
Copied!
Border color of the button
--border-radius
Copied!
Border radius of the button
--border-style
Copied!
Border style of the button
--border-width
Copied!
Border width of the button
--box-shadow
Copied!
Box shadow of the button
--color
Copied!
Text color of the button
--color-activated
Copied!
Text color of the button when pressed
--color-focused
Copied!
Text color of the button when focused with the tab key
--color-hover
Copied!
Text color of the button when hover
--opacity
Copied!
Opacity of the button
--padding-bottom
Copied!
Bottom padding of the button
--padding-end
Copied!
Right padding if direction is left-to-right, and left padding if direction is right-to-left of the button
--padding-start
Copied!
Left padding if direction is left-to-right, and right padding if direction is right-to-left of the button
--padding-top
Copied!
Top padding of the button
--ripple-color
Copied!
Color of the button ripple effect
--transition
Copied!
Transition of the button

ion-card

 
--background
Copied!
Background of the card
--color
Copied!
Color of the card

ion-card-subtitle

 
--color
Copied!
Color of the card subtitle

ion-card-title

 
--color
Copied!
Color of the card title

ion-checkbox

 
--background
Copied!
Background of the checkbox icon
--background-checked
Copied!
Background of the checkbox icon when checked
--border-color
Copied!
Border color of the checkbox icon
--border-color-checked
Copied!
Border color of the checkbox icon when checked
--border-radius
Copied!
Border radius of the checkbox icon
--border-style
Copied!
Border style of the checkbox icon
--border-width
Copied!
Border width of the checkbox icon
--checkmark-color
Copied!
Color of the checkbox checkmark when checked
--checkmark-width
Copied!
Stroke width of the checkbox checkmark
--size
Copied!
Size of the checkbox icon
--transition
Copied!
Transition of the checkbox icon

ion-chip

 
--background
Copied!
Background of the chip
--color
Copied!
Color of the chip

ion-col

 
--ion-grid-column-padding
Copied!
Padding for the Column
--ion-grid-column-padding-lg
Copied!
Padding for the Column on lg screens and up
--ion-grid-column-padding-md
Copied!
Padding for the Column on md screens and up
--ion-grid-column-padding-sm
Copied!
Padding for the Column on sm screens and up
--ion-grid-column-padding-xl
Copied!
Padding for the Column on xl screens and up
--ion-grid-column-padding-xs
Copied!
Padding for the Column on xs screens and up
--ion-grid-columns
Copied!
The number of total Columns in the Grid

ion-content

 
--background
Copied!
Background of the content
--color
Copied!
Color of the content
--keyboard-offset
Copied!
Keyboard offset of the content
--offset-bottom
Copied!
Offset bottom of the content
--offset-top
Copied!
Offset top of the content
--padding-bottom
Copied!
Bottom padding of the content
--padding-end
Copied!
Right padding if direction is left-to-right, and left padding if direction is right-to-left of the content
--padding-start
Copied!
Left padding if direction is left-to-right, and right padding if direction is right-to-left of the content
--padding-top
Copied!
Top padding of the content

ion-datetime

 
--padding-bottom
Copied!
Bottom padding of the datetime
--padding-end
Copied!
Right padding if direction is left-to-right, and left padding if direction is right-to-left of the datetime
--padding-start
Copied!
Left padding if direction is left-to-right, and right padding if direction is right-to-left of the datetime
--padding-top
Copied!
Top padding of the datetime
--placeholder-color
Copied!
Color of the datetime placeholder

ion-fab-button

 
--background
Copied!
Background of the button
--background-activated
Copied!
Background of the button when pressed. Note: setting this will interfere with the Material Design ripple.
--background-activated-opacity
Copied!
Opacity of the button background when pressed
--background-focused
Copied!
Background of the button when focused with the tab key
--background-focused-opacity
Copied!
Opacity of the button background when focused with the tab key
--background-hover
Copied!
Background of the button on hover
--background-hover-opacity
Copied!
Opacity of the button background on hover
--border-color
Copied!
Border color of the button
--border-radius
Copied!
Border radius of the button
--border-style
Copied!
Border style of the button
--border-width
Copied!
Border width of the button
--box-shadow
Copied!
Box shadow of the button
--color
Copied!
Text color of the button
--color-activated
Copied!
Text color of the button when pressed
--color-focused
Copied!
Text color of the button when focused with the tab key
--color-hover
Copied!
Text color of the button on hover
--padding-bottom
Copied!
Bottom padding of the button
--padding-end
Copied!
Right padding if direction is left-to-right, and left padding if direction is right-to-left of the button
--padding-start
Copied!
Left padding if direction is left-to-right, and right padding if direction is right-to-left of the button
--padding-top
Copied!
Top padding of the button
--ripple-color
Copied!
Color of the button ripple effect
--transition
Copied!
Transition of the button

ion-grid

 
--ion-grid-padding
Copied!
Padding for the Grid
--ion-grid-padding-lg
Copied!
Padding for the Grid on lg screens
--ion-grid-padding-md
Copied!
Padding for the Grid on md screens
--ion-grid-padding-sm
Copied!
Padding for the Grid on sm screens
--ion-grid-padding-xl
Copied!
Padding for the Grid on xl screens
--ion-grid-padding-xs
Copied!
Padding for the Grid on xs screens
--ion-grid-width
Copied!
Width of the fixed Grid
--ion-grid-width-lg
Copied!
Width of the fixed Grid on lg screens
--ion-grid-width-md
Copied!
Width of the fixed Grid on md screens
--ion-grid-width-sm
Copied!
Width of the fixed Grid on sm screens
--ion-grid-width-xl
Copied!
Width of the fixed Grid on xl screens
--ion-grid-width-xs
Copied!
Width of the fixed Grid on xs screens

ion-input

 
--background
Copied!
Background of the input
--color
Copied!
Color of the input text
--padding-bottom
Copied!
Bottom padding of the input
--padding-end
Copied!
Right padding if direction is left-to-right, and left padding if direction is right-to-left of the input
--padding-start
Copied!
Left padding if direction is left-to-right, and right padding if direction is right-to-left of the input
--padding-top
Copied!
Top padding of the input
--placeholder-color
Copied!
Color of the input placeholder text
--placeholder-font-style
Copied!
Font style of the input placeholder text
--placeholder-font-weight
Copied!
Font weight of the input placeholder text
--placeholder-opacity
Copied!
Opacity of the input placeholder text

ion-item

 
--background
Copied!
Background of the item
--background-activated
Copied!
Background of the item when pressed. Note: setting this will interfere with the Material Design ripple.
--background-activated-opacity
Copied!
Opacity of the item background when pressed
--background-focused
Copied!
Background of the item when focused with the tab key
--background-focused-opacity
Copied!
Opacity of the item background when focused with the tab key
--background-hover
Copied!
Background of the item on hover
--background-hover-opacity
Copied!
Opacity of the background of the item on hover
--border-color
Copied!
Color of the item border
--border-radius
Copied!
Radius of the item border
--border-style
Copied!
Style of the item border
--border-width
Copied!
Width of the item border
--color
Copied!
Color of the item
--color-activated
Copied!
Color of the item when pressed
--color-focused
Copied!
Color of the item when focused with the tab key
--color-hover
Copied!
Color of the item on hover
--detail-icon-color
Copied!
Color of the item detail icon
--detail-icon-font-size
Copied!
Font size of the item detail icon
--detail-icon-opacity
Copied!
Opacity of the item detail icon
--highlight-color-focused
Copied!
The color of the highlight on the item when focused
--highlight-color-invalid
Copied!
The color of the highlight on the item when invalid
--highlight-color-valid
Copied!
The color of the highlight on the item when valid
--highlight-height
Copied!
The height of the highlight on the item
--inner-border-width
Copied!
Width of the item inner border
--inner-box-shadow
Copied!
Box shadow of the item inner
--inner-padding-bottom
Copied!
Bottom padding of the item inner
--inner-padding-end
Copied!
Right padding if direction is left-to-right, and left padding if direction is right-to-left of the item inner
--inner-padding-start
Copied!
Left padding if direction is left-to-right, and right padding if direction is right-to-left of the item inner
--inner-padding-top
Copied!
Top padding of the item inner
--min-height
Copied!
Minimum height of the item
--padding-bottom
Copied!
Bottom padding of the item
--padding-end
Copied!
Right padding if direction is left-to-right, and left padding if direction is right-to-left of the item
--padding-start
Copied!
Left padding if direction is left-to-right, and right padding if direction is right-to-left of the item
--padding-top
Copied!
Top padding of the item
--ripple-color
Copied!
Color of the item ripple effect
--transition
Copied!
Transition of the item

ion-item-divider

 
--background
Copied!
Background of the item divider
--color
Copied!
Color of the item divider
--inner-padding-bottom
Copied!
Bottom inner padding of the item divider
--inner-padding-end
Copied!
End inner padding of the item divider
--inner-padding-start
Copied!
Start inner padding of the item divider
--inner-padding-top
Copied!
Top inner padding of the item divider
--padding-bottom
Copied!
Bottom padding of the item divider
--padding-end
Copied!
Right padding if direction is left-to-right, and left padding if direction is right-to-left of the item divider
--padding-start
Copied!
Left padding if direction is left-to-right, and right padding if direction is right-to-left of the item divider
--padding-top
Copied!
Top padding of the item divider

ion-item-option

 
--background
Copied!
Background of the item option
--color
Copied!
Color of the item option

ion-label

 
--color
Copied!
Color of the label

ion-list-header

 
--background
Copied!
Background of the list header
--border-color
Copied!
Color of the list header border
--border-style
Copied!
Style of the list header border
--border-width
Copied!
Width of the list header border
--color
Copied!
Color of the list header text
--inner-border-width
Copied!
Width of the inner list header border

ion-loading

 
--backdrop-opacity
Copied!
Opacity of the backdrop
--background
Copied!
Background of the loading dialog
--height
Copied!
Height of the loading dialog
--max-height
Copied!
Maximum height of the loading dialog
--max-width
Copied!
Maximum width of the loading dialog
--min-height
Copied!
Minimum height of the loading dialog
--min-width
Copied!
Minimum width of the loading dialog
--spinner-color
Copied!
Color of the loading spinner
--width
Copied!
Width of the loading dialog

ion-menu

 
--background
Copied!
Background of the menu
--height
Copied!
Height of the menu
--max-height
Copied!
Maximum height of the menu
--max-width
Copied!
Maximum width of the menu
--min-height
Copied!
Minimum height of the menu
--min-width
Copied!
Minimum width of the menu
--width
Copied!
Width of the menu

ion-menu-button

 
--background
Copied!
Background of the menu button
--background-focused
Copied!
Background of the menu button when focused with the tab key
--background-focused-opacity
Copied!
Opacity of the menu button background when focused with the tab key
--background-hover
Copied!
Background of the menu button on hover
--background-hover-opacity
Copied!
Opacity of the background on hover
--border-radius
Copied!
Border radius of the menu button
--color
Copied!
Color of the menu button
--color-focused
Copied!
Color of the menu button when focused with the tab key
--color-hover
Copied!
Color of the menu button on hover
--padding-bottom
Copied!
Bottom padding of the button
--padding-end
Copied!
Right padding if direction is left-to-right, and left padding if direction is right-to-left of the button
--padding-start
Copied!
Left padding if direction is left-to-right, and right padding if direction is right-to-left of the button
--padding-top
Copied!
Top padding of the button

ion-modal

 
--backdrop-opacity
Copied!
Opacity of the backdrop
--background
Copied!
Background of the modal content
--border-color
Copied!
Border color of the modal content
--border-radius
Copied!
Border radius of the modal content
--border-style
Copied!
Border style of the modal content
--border-width
Copied!
Border width of the modal content
--height
Copied!
Height of the modal
--max-height
Copied!
Maximum height of the modal
--max-width
Copied!
Maximum width of the modal
--min-height
Copied!
Minimum height of the modal
--min-width
Copied!
Minimum width of the modal
--width
Copied!
Width of the modal

ion-note

 
--color
Copied!
Color of the note

ion-picker

 
--backdrop-opacity
Copied!
Opacity of the backdrop
--background
Copied!
Background of the picker
--background-rgb
Copied!
Background of the picker in rgb format
--border-color
Copied!
Border color of the picker
--border-radius
Copied!
Border radius of the picker
--border-style
Copied!
Border style of the picker
--border-width
Copied!
Border width of the picker
--height
Copied!
Height of the picker
--max-height
Copied!
Maximum height of the picker
--max-width
Copied!
Maximum width of the picker
--min-height
Copied!
Minimum height of the picker
--min-width
Copied!
Minimum width of the picker
--width
Copied!
Width of the picker

ion-popover

 
--backdrop-opacity
Copied!
Opacity of the backdrop
--background
Copied!
Background of the popover
--box-shadow
Copied!
Box shadow of the popover
--height
Copied!
Height of the popover
--max-height
Copied!
Maximum height of the popover
--max-width
Copied!
Maximum width of the popover
--min-height
Copied!
Minimum height of the popover
--min-width
Copied!
Minimum width of the popover
--width
Copied!
Width of the popover

ion-progress-bar

 
--background
Copied!
Same as --buffer-background when using a determinate progress bar, otherwise it styles the background of the ion-progress-bar itself.
--buffer-background
Copied!
Color of the buffer bar
--progress-background
Copied!
Color of the progress bar

ion-radio

 
--border-radius
Copied!
Border radius of the radio
--color
Copied!
Color of the radio
--color-checked
Copied!
Color of the checked radio
--inner-border-radius
Copied!
Border radius of the inner checked radio

ion-range

 
--bar-background
Copied!
Background of the range bar
--bar-background-active
Copied!
Background of the active range bar
--bar-border-radius
Copied!
Border radius of the range bar
--bar-height
Copied!
Height of the range bar
--height
Copied!
Height of the range
--knob-background
Copied!
Background of the range knob
--knob-border-radius
Copied!
Border radius of the range knob
--knob-box-shadow
Copied!
Box shadow of the range knob
--knob-size
Copied!
Size of the range knob
--pin-background
Copied!
Background of the range pin
--pin-color
Copied!
Color of the range pin

ion-router-link

 
--background
Copied!
Background of the router link
--color
Copied!
Text color of the router link

ion-searchbar

 
--background
Copied!
Background of the searchbar input
--box-shadow
Copied!
Box shadow of the searchbar input
--cancel-button-color
Copied!
Color of the searchbar cancel button
--clear-button-color
Copied!
Color of the searchbar clear button
--color
Copied!
Color of the searchbar text
--icon-color
Copied!
Color of the searchbar icon
--placeholder-color
Copied!
Color of the searchbar placeholder
--placeholder-font-style
Copied!
Font style of the searchbar placeholder
--placeholder-font-weight
Copied!
Font weight of the searchbar placeholder
--placeholder-opacity
Copied!
Opacity of the searchbar placeholder

ion-segment

 
--background
Copied!
Background of the segment button

ion-segment-button

 
--background
Copied!
Background of the segment button
--background-checked
Copied!
Background of the checked segment button
--background-focused
Copied!
Background of the segment button when focused with the tab key
--background-focused-opacity
Copied!
Opacity of the segment button background when focused with the tab key
--background-hover
Copied!
Background of the segment button on hover
--background-hover-opacity
Copied!
Opacity of the segment button background on hover
--border-color
Copied!
Color of the segment button border
--border-radius
Copied!
Radius of the segment button border
--border-style
Copied!
Style of the segment button border
--border-width
Copied!
Width of the segment button border
--color
Copied!
Color of the segment button
--color-checked
Copied!
Color of the checked segment button
--color-focused
Copied!
Color of the segment button when focused with the tab key
--color-hover
Copied!
Color of the segment button on hover
--indicator-box-shadow
Copied!
Box shadow on the indicator for the checked segment button
--indicator-color
Copied!
Color of the indicator for the checked segment button
--indicator-height
Copied!
Height of the indicator for the checked segment button
--indicator-transform
Copied!
Transform of the indicator for the checked segment button
--indicator-transition
Copied!
Transition of the indicator for the checked segment button
--margin-bottom
Copied!
Bottom margin of the segment button
--margin-end
Copied!
Right margin if direction is left-to-right, and left margin if direction is right-to-left of the segment button
--margin-start
Copied!
Left margin if direction is left-to-right, and right margin if direction is right-to-left of the segment button
--margin-top
Copied!
Top margin of the segment button
--padding-bottom
Copied!
Bottom padding of the segment button
--padding-end
Copied!
Right padding if direction is left-to-right, and left padding if direction is right-to-left of the segment button
--padding-start
Copied!
Left padding if direction is left-to-right, and right padding if direction is right-to-left of the segment button
--padding-top
Copied!
Top padding of the segment button
--transition
Copied!
Transition of the segment button

ion-select

 
--padding-bottom
Copied!
Bottom padding of the select
--padding-end
Copied!
Right padding if direction is left-to-right, and left padding if direction is right-to-left of the select
--padding-start
Copied!
Left padding if direction is left-to-right, and right padding if direction is right-to-left of the select
--padding-top
Copied!
Top padding of the select
--placeholder-color
Copied!
Color of the select placeholder text
--placeholder-opacity
Copied!
Opacity of the select placeholder text

ion-skeleton-text

 
--background
Copied!
Background of the skeleton text
--background-rgb
Copied!
Background of the skeleton text in rgb format
--border-radius
Copied!
Border radius of the skeleton text

ion-slides

 
--bullet-background
Copied!
Background of the pagination bullets
--bullet-background-active
Copied!
Background of the active pagination bullet
--progress-bar-background
Copied!
Background of the pagination progress-bar
--progress-bar-background-active
Copied!
Background of the active pagination progress-bar
--scroll-bar-background
Copied!
Background of the pagination scroll-bar
--scroll-bar-background-active
Copied!
Background of the active pagination scroll-bar

ion-spinner

 
--color
Copied!
Color of the spinner

ion-split-pane

 
--border
Copied!
Border between panes
--side-max-width
Copied!
Maximum width of the side pane. Does not apply when split pane is collapsed.
--side-min-width
Copied!
Minimum width of the side pane. Does not apply when split pane is collapsed.
--side-width
Copied!
Width of the side pane. Does not apply when split pane is collapsed.

ion-tab-bar

 
--background
Copied!
Background of the tab bar
--border
Copied!
Border of the tab bar
--color
Copied!
Color of the tab bar

ion-tab-button

 
--background
Copied!
Background of the tab button
--background-focused
Copied!
Background of the tab button when focused with the tab key
--background-focused-opacity
Copied!
Opacity of the tab button background when focused with the tab key
--color
Copied!
Color of the tab button
--color-focused
Copied!
Color of the tab button when focused with the tab key
--color-selected
Copied!
Color of the selected tab button
--padding-bottom
Copied!
Bottom padding of the tab button
--padding-end
Copied!
Right padding if direction is left-to-right, and left padding if direction is right-to-left of the tab button
--padding-start
Copied!
Left padding if direction is left-to-right, and right padding if direction is right-to-left of the tab button
--padding-top
Copied!
Top padding of the tab button
--ripple-color
Copied!
Color of the button ripple effect

ion-textarea

 
--background
Copied!
Background of the textarea
--border-radius
Copied!
Border radius of the textarea
--color
Copied!
Color of the text
--padding-bottom
Copied!
Bottom padding of the textarea
--padding-end
Copied!
Right padding if direction is left-to-right, and left padding if direction is right-to-left of the textarea
--padding-start
Copied!
Left padding if direction is left-to-right, and right padding if direction is right-to-left of the textarea
--padding-top
Copied!
Top padding of the textarea
--placeholder-color
Copied!
Color of the placeholder text
--placeholder-font-style
Copied!
Style of the placeholder text
--placeholder-font-weight
Copied!
Weight of the placeholder text
--placeholder-opacity
Copied!
Opacity of the placeholder text

ion-thumbnail

 
--border-radius
Copied!
Border radius of the thumbnail
--size
Copied!
Size of the thumbnail

ion-title

 
--color
Copied!
Text color of the title

ion-toast

 
--background
Copied!
Background of the toast
--border-color
Copied!
Border color of the toast
--border-radius
Copied!
Border radius of the toast
--border-style
Copied!
Border style of the toast
--border-width
Copied!
Border width of the toast
--box-shadow
Copied!
Box shadow of the toast
--button-color
Copied!
Color of the button text
--color
Copied!
Color of the toast text
--end
Copied!
Position from the right if direction is left-to-right, and from the left if direction is right-to-left
--height
Copied!
Height of the toast
--max-height
Copied!
Maximum height of the toast
--max-width
Copied!
Maximum width of the toast
--min-height
Copied!
Minimum height of the toast
--min-width
Copied!
Minimum width of the toast
--start
Copied!
Position from the left if direction is left-to-right, and from the right if direction is right-to-left
--width
Copied!
Width of the toast

ion-toggle

 
--background
Copied!
Background of the toggle
--background-checked
Copied!
Background of the toggle when checked
--border-radius
Copied!
Border radius of the toggle track
--handle-background
Copied!
Background of the toggle handle
--handle-background-checked
Copied!
Background of the toggle handle when checked
--handle-border-radius
Copied!
Border radius of the toggle handle

ion-toolbar

 
--background
Copied!
Background of the toolbar
--border-color
Copied!
Color of the toolbar border
--border-style
Copied!
Style of the toolbar border
--border-width
Copied!
Width of the toolbar border
--color
Copied!
Color of the toolbar text
--min-height
Copied!
Minimum height of the toolbar
--opacity
Copied!
Opacity of the toolbar background
--padding-bottom
Copied!
Bottom padding of the toolbar
--padding-end
Copied!
Right padding if direction is left-to-right, and left padding if direction is right-to-left of the toolbar
--padding-start
Copied!
Left padding if direction is left-to-right, and right padding if direction is right-to-left of the toolbar
--padding-top
Copied!
Top padding of the toolbar