Line Item
You can edit 8 Components for free. Get premium for unlimited access.
Choose between Figma, SwiftUI, React Native or Jetpack Compose Documentation.
Figma
The Line Item component is used to sort menu items on a page and provide easy and understandable access.
1. Reference
This component inherits props from the Line Item.
2. Type
You can edit the type with the default, toggle, button, icon, checkbox or radioButton parameter.
Image 2.1 : Type default
Image 2.2 : Type toggle
Image 2.3 : Type checkbox
Image 2.4 : Type radioButton
Image 2.5 : Type button
Image 2.6 : Type icon
3. State
You can edit the state with the default or disabled parameter.
Image 3.1 : State default
Image 3.2 : State disabled
4. Icon
You can edit the icon with the true or false parameter.
Image 4.1 : Icon false
Image 4.2 : Icon true
5. Description
You can edit the description with the true or false parameter.
Image 5.1 : Description true
Image 5.2 : Description false
SwiftUI
The DLLineItem component is used to sort menu items on a page and provide easy and understandable access.
1. Reference
This component inherits props from the Line Item.
-
-
-
-
-
-
2. Type
You can edit the type with the .normal, .icon, .checkbox, .radioButton, .toggle or .button parameter.
Headline
Description
Headline
Description
Headline
Description
Headline
Description
Headline
Description
Headline
Description
type: .normal,
title: "Headline",
description: "Description"
)
DLLineItem(
type: .icon(icon: "ic_Placeholder"),
title: "Headline",
description: "Description"
)
DLLineItem(
type: .checkbox,
title: "Headline",
description: "Description",
isActive: $isActive
)
DLLineItem(
type: .radioButton,
title: "Headline",
description: "Description",
isActive: $isActive
)
DLLineItem(
type: .toggle,
title: "Headline",
description: "Description",
isActive: $isActive
)
DLLineItem(
type: .button,
title: "Headline",
description: "Description") {
/// - Button Action
}
3. State
You can edit the state with the .normal or .disabled parameter.
Headline
Description
Headline
Description
type: .normal,
title: "Headline",
description: "Description"
)
DLLineItem(
type: .normal,
title: "Headline",
description: "Description",
state: disabled
)
Jetpack Compose
The LineItem component is used to sort menu items on a page and provide easy and understandable access.
1. Reference
This component inherits props from the Line Item.
-
-
2. Type
You can edit the type with the LineItemType.default, LineItemType.icon, LineItemType.checkbox, LineItemType.radioButton, LineItemType.toggle or LineItemType.button parameter.
Headline
Description
Headline
Description
Headline
Description
Headline
Description
Headline
Description
Headline
Description
modifier: Modifier = Modifier,
type: LineItemType = LineItemType.default,
state: LineItemState = LineItemState.default,
title: String,
description: String = ""
)
LineItem(
title = "Title",
description = "Description",
type = LineItemType.default,
state = LineItemState.default
)
3. State
You can edit the state with the LineItemState.default or LineItemState.disabled parameter.
Headline
Description
Headline
Description
modifier: Modifier = Modifier,
type: LineItemType = LineItemType.default,
state: LineItemState = LineItemState.default,
title: String,
description: String = ""
)
LineItem(
title = "Title",
description = "Description",
type = LineItemType.default,
state = LineItemState.disabled
)
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?