Files
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-01-05 09:09:20 -08:00
2018-02-06 20:04:28 +01:00

ion-slides

The Slides component is a multi-section container. Each section can be swiped or dragged between. It contains any number of Slide components.

Adopted from Swiper.js:
The most modern mobile touch slider and framework with
hardware accelerated transitions.

http://www.idangero.us/swiper/

Copyright 2016, Vladimir Kharlampidi
The iDangero.us
http://www.idangero.us/

Licensed under MIT

Properties

options

any

Options to pass to the swiper instance. See http://idangero.us/swiper/api/ for valid options

pager

boolean

Show or hide the pager

Attributes

options

any

Options to pass to the swiper instance. See http://idangero.us/swiper/api/ for valid options

pager

boolean

Show or hide the pager

Events

ionSlideDidChange

Emitted after the active slide has changed.

ionSlideDrag

Emitted when the slider is actively being moved.

ionSlideNextEnd

Emitted when the next slide has ended.

ionSlideNextStart

Emitted when the next slide has started.

ionSlidePrevEnd

Emitted when the previous slide has ended.

ionSlidePrevStart

Emitted when the previous slide has started.

ionSlideReachEnd

Emitted when the slider is at the last slide.

ionSlideReachStart

Emitted when the slider is at its initial position.

ionSlideTouchEnd

Emitted when the user releases the touch.

ionSlideTouchStart

Emitted when the user first touches the slider.

ionSlideTransitionEnd

Emitted when the slide transition has ended.

ionSlideTransitionStart

Emitted when the slide transition has started.

ionSlideWillChange

Emitted before the active slide has changed.

Methods

getActiveIndex()

Get the index of the active slide.

getPreviousIndex()

Get the index of the previous slide.

isBeginning()

Get whether or not the current slide is the first slide.

isEnd()

Get whether or not the current slide is the last slide.

length()

Get the total number of slides.

lockSwipeToNext()

Lock or unlock the ability to slide to the next slides.

lockSwipeToPrev()

Lock or unlock the ability to slide to the previous slides.

lockSwipes()

Lock or unlock the ability to slide to change slides.

slideNext()

Transition to the next slide.

slidePrev()

Transition to the previous slide.

slideTo()

Transition to the specified slide.

startAutoplay()

Start auto play.

stopAutoplay()

Stop auto play.

update()

Update the underlying slider implementation. Call this if you've added or removed child slides.


Built with StencilJS