Pagination
You can edit 8 Components for free. Get premium for unlimited access.
Choose between Figma, SwiftUI, React Native or Jetpack Compose Documentation.
Figma
The Pagination component is used to show that several elements are aligned horizontally. You can switch between these elements with a swipe.
1. Reference
This component inherits props from the Pagination.
2. Count
You can edit the count with the 2, 3, 4 or 5 parameter.
Image 2.1 : Count 2
Image 2.2 : Count 3
Image 2.3 : Count 4
Image 2.4 : Count 5
3. State
You can edit the state with the default or selected parameter.
Image 3.1 : State selected
Image 3.2 : State default
4. Mode
You can edit the mode with the light or dark parameter.
Image 4.1 : Mode dark
Image 4.2 : Mode light
SwiftUI
The DLPagination component is used to show that several elements are aligned horizontally. You can switch between these elements with a swipe.
1. Reference
This component inherits props from the Pagination.
-
-
-
2. Count
You can edit the count with the "number" parameter.
count: 2,
mode: .dark,
selected: $selection
)
DLPagination(
count: 5,
mode: .dark,
selected: $selection
)
3. Mode
You can edit the mode with the .light or .dark parameter.
count: 5,
mode: .dark,
selected: $selection
)
Jetpack Compose
The Pagination component is used to show that several elements are aligned horizontally. You can switch between these elements with a swipe.
1. Reference
This component inherits props from the Pagination.
-
-
-
2. Count
You can edit the count with the "number" parameter.
3. Mode
You can edit the mode with the .light or .dark parameter.
React Native
This component is on the roadmap and in Progress This means that it is currently being edited and will be published in the next few weeks/months. Check back often to stay informed about the latest updates.
🚧
Discover more content
You have questions or need help?
You want to try?
Save time and money?