# Swiper

![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-d0a464bd68b673c69be85ba5dfba7430df46b62e%2FCaptura%20de%20Pantalla%202020-02-07%20a%20la\(s\)%2011.26.30.png?alt=media)

### 🎨 Styles

* **Appearance**
  * **Background color:** select the background color using the [color picker](https://docs.apphive.io/apphive-documentacion/reference/estilos/color-picker).
* **Dimensions**
  * **Width:** set how wide the swiper element is using.
  * **Height:** set how tall the swiper element is using.

### ⚙ Properties

* **Generic properties**
  * **Control name:** you can add a name to the swipe element this could be the way to identify this element about another elements.
  * **Enable** [**skeleton loaders**](https://docs.apphive.io/apphive-documentacion/reference/estilos/skeleton-loader)**:** this tool provides an indication to the user that something is coming but not yet available on the swipe element.
  * **Control is hidden:** hide the swipe element from the screen.
* **Specific Properties**
  * **Show arrow buttons:** add arrows for the swiper directions
  * **Loop infinite:** An infinite loop, as the name suggests, is a loop that will keep running forever in the swiper.
  * **Views of swipe:** add or minus screens to the swiper elements

### 👆 Events

* **On press:** the on press event provide the capability to capture tapping gestures and display feedback when this gesture is recognized.
* **On end reached:** called when all rows have been rendered and the list has been scrolled until the end of the element content.
* **Focus**
* **Value**

### 📝 Writable Properties

* **Current index**
* **Style align item**
* **Style background**