Checkbox
You can edit 8 Components for free. Get premium for unlimited access.
Choose between Figma, SwiftUI, React Native or Jetpack Compose Documentation.
Figma
The Checkbox component is used to select one or more elements in a list.
1. Reference
This component inherits props from the Checkbox.
2. State
You can edit the state with the default, active or disabled parameter.
Image 2.1 : State default
Image 2.2 : State active
Image 2.3 : State disabled
SwiftUI
The DLCheckbox component is used to select one or more elements in a list.
1. Reference
This component inherits props from the Checkbox.
-
-
2. State
You can edit the state with the .active or .disabled parameter.
state: .normal,
isActive: $isActive
)
DLCheckbox(
state: .normal,
isActive: $isActive2
)
DLCheckbox(
state: .disabled,
isActive: $isActive
)
Jetpack Compose
The Checkbox component is used to select one or more elements in a list.
1. Reference
This component inherits props from the Checkbox.
-
-
2. State
You can edit the state with the .active or .disabled parameter.
mutableStateOf(false)
}
// This is a compose mutablestate boolen object which means that values can be changed helps to Update UI on realtime and it’s boolean value passed to CheckBox. It’s depend on user usecase how they want to treat CheckBox
Checkbox(
isActive = checkState.value,
state = CheckboxState.default,
onCheckChange = {
checkState.value = it
}
)
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?