Files
ionic-framework/packages/core/src/components/loading
Ross Gerbasi 7e50219d24 fix(theme-builder): update theme builder and core styles (#13997)
* theme-builder wip

* Theme Builder updates
- new CSS variable support
- realtime color updating with alpha support (rgb generation)
- auto tint/shade/contrast generation
- auto step generation
- CSS variable highlighting (forward and backwards)
- Colourlovers Palette search (via local proxy)

* Theme Builder Updates
- Settings for auto generation
- updated to 10 steps per background/ext
- general cleanup
- added instructions
- re-worked shade/tint to mix black and white instead of lighten/darken
- scoped cssText into component
- apply theme to theme builder also to style internal buttons

SCSS Updates
- added 10 steps to reach platform
- updated SCSS to use same mix and color methods as theme builder

* material design color step fix

* readme files

fixes #13985 fixes #13986
2018-02-09 16:13:08 -05:00
..
2018-02-06 20:04:28 +01:00

ion-loading

Properties

content

string

Optional text content to display in the loading indicator

cssClass

string

Additional classes to apply for custom CSS

dismissOnPageChange

boolean

Dismiss the loading indicator if the page is changed

duration

number

Number of milliseconds to wait before dismissing the loading indicator

enterAnimation

Animation to use when loading indicator is presented

leaveAnimation

Animation to use when a loading indicator is dismissed

showBackdrop

boolean

Show the backdrop of not

spinner

string

translucent

boolean

If true, the background will be translucent. Browser support for backdrop-filter is required for the full effect

willAnimate

boolean

Toggles whether animation should occur or not

Attributes

content

string

Optional text content to display in the loading indicator

css-class

string

Additional classes to apply for custom CSS

dismiss-on-page-change

boolean

Dismiss the loading indicator if the page is changed

duration

number

Number of milliseconds to wait before dismissing the loading indicator

enter-animation

Animation to use when loading indicator is presented

leave-animation

Animation to use when a loading indicator is dismissed

show-backdrop

boolean

Show the backdrop of not

spinner

string

translucent

boolean

If true, the background will be translucent. Browser support for backdrop-filter is required for the full effect

will-animate

boolean

Toggles whether animation should occur or not

Events

ionLoadingDidDismiss

Emitted after the loading has dismissed.

ionLoadingDidLoad

Emitted after the loading has loaded.

ionLoadingDidPresent

Emitted after the loading has presented.

ionLoadingDidUnload

Emitted after the loading has unloaded.

ionLoadingWillDismiss

Emitted before the loading has dismissed.

ionLoadingWillPresent

Emitted before the loading has presented.

Methods

dismiss()

Dismiss a loading indicator programatically

present()

Present a loading overlay after it has been created


Built with StencilJS