Frame
The Frame element provides a bordered container that groups multiple related UI components. It helps organize content visually without allowing direct user input. Use it to define areas of the interface that contain other elements.
Properties
| Property | Value | Description |
|---|---|---|
| Type | Frame | UI component type |
| Group | Box | Belongs to the "Box" group in UI catalog |
| Identifier | 27 | Unique element ID |
| Preview | ✓ | Displays a container layout (see image) |
| Read-only | Y | Does not accept direct input |
| Children | Y | Can contain nested components |
| Event | Y | May trigger container-level UI logic |
| Text, Icon | Y | Supports labels or icons within the frame |
| Value | Not applicable | |
| Mandatory | Not applicable | |
| Error | Not applicable | |
| Min | Not applicable | |
| Max | Not applicable | |
| List | Not applicable | |
| Shade | Not applicable |
Usage Example
<Frame>
<UserProfileCard />
<UserStatusBadge />
</Frame>
Notes
- Use frames to separate logical UI sections.
- Frame elements are visual only and do not support user interaction.
- Common in complex views like patient records, summaries, and embedded modules.