Swiper Item

A Swiper Item is nested inside the Swiper component. It wraps any other child components that are displayed on each slide.

Adding a Swiper Component

  • Select the added Swiper component in the Components tree.
  • Open the list of components by clicking the + button next to Components.
  • Select the Swiper Item from the Components drawer. In the example below, we're adding two Swiper Item components.
  • Select the Swiper Item component and then add a child component to it such as Image or Image Background.

In the example below, we're creating an onboarding screen behaviour where an app user can swipe through items before moving on to the next screen.

Style Properties

Style properties allow you to customize the look and feel of the component. Combinations of styles applied to components can be saved as Stylesheets to easily reuse styles throughout your app. Styles can also be set dynamically using Variables. To learn more about all the different styling properties and how they work, take a look at Intro to Styling.

Configuration Properties

PropertyDescription
Component NameTo alter the name of the component. The name is reflected in the Components tree. Defaults to Swiper Item.

Data Properties

Conditional Display

You can conditionally display a component based on a given condition. Learn more about conditionally displaying components in the Conditional Display doc.

Tutorial