Tab Control
You can edit 8 Components for free. Get premium for unlimited access.
Choose between Figma, SwiftUI, React Native or Jetpack Compose Documentation.
Figma
The Tab Control is a component that creates a tab control with a set of items, where users can switch between different tabs.
1. Reference
This component inherits props from the Tab Control.
2. Count
You can edit the count with the 2, 3 or 4 parameter.
Image 2.1 : Count 2
Image 2.2 : Count 3
Image 2.3 : Count 4
3. State
You can edit the state with the default, selected or disabled parameter.
Image 3.1 : State default
Image 3.2 : State disabled
4. Badge
You can edit the badge with the true or false parameter.
Image 4.1 : Badge false
Image 4.2 : Badge true
SwiftUI
The DLTabControl is a component that creates a tab control with a set of items, where users can switch between different tabs.
1. Reference
This component inherits props from the Tab Control.
?
-
-
-
-
-
2. State
You can edit the state with the .normal or .disabled parameter.
DLTabControlItem(
label: "Label-1"
),
DLTabControlItem(
label: "Label-2"
)
], selectedIndex: $selectedIndex)
DLTabControl(items: [
DLTabControlItem(
label: "Label-1"
),
DLTabControlItem(
label: "Label-2",
state: .disabled
)
], selectedIndex: $selectedIndex)
3. Count
You can edit the count with the "text" parameter.
DLTabControlItem(
label: "Label-1"
),
DLTabControlItem(
label: "label-2",
count: "5"
)
], selectedIndex: $selectedIndex)
Jetpack Compose
The TabControl is a component that creates a tab control with a set of items, where users can switch between different tabs.
1. Reference
This component inherits props from the Tab Control.
?
-
-
-
-
-
2. State
You can edit the state with the .normal or .disabled parameter.
3. Count
You can edit the count with the "text" 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?