LabeledContent
LabeledContent presents a label and related value using the same compact summary pattern as SwiftUI.
LabeledContent presents a label and related value using the same compact summary pattern as SwiftUI.
Examples
Default
Preview unavailable for this example in the static docs build.
Show code
<LabeledContent label="Email" value="[email protected]"></LabeledContent>API
| Prop | Type | Required | Description |
|---|---|---|---|
label | ReactNode | Yes | The descriptive label shown on the leading side. |
value | ReactNode | No | The trailing value content. |
Inherits additional props from IBaseComponent.
Overview
LabeledContent presents a label and related value using the same compact summary pattern as SwiftUI.
Notes
- Use
valuefor simple text values. - Pass
childrenwhen the trailing content needs richer formatting.
Label
Label is a view that displays an icon and a title. Label provides a consistent way to display icon-text combinations, commonly used in navigation items and lists.
LazyHGrid
LazyHGrid is a container that arranges its children in a horizontal grid, loading them lazily. LazyHGrid creates a horizontal grid layout with lazy loading for performance.