Subtitle
Subtitle displays secondary headings beneath a section title. Use this element to provide descriptive context without overshadowing the primary title. Subtitles appear in a lighter font weight and smaller size than titles.
Properties
| Property | Value | Description |
|---|---|---|
| Type | Subtitle | UI component type |
| Group | Text | Belongs to the "Text" group |
| Identifier | 48 | Unique element ID |
| Preview | ✓ | See image preview above |
| Value | Not editable | |
| Mandatory | Not required | |
| Error | Does not display error states | |
| Min | No minimum input | |
| Max | Lines | Auto wraps based on available layout width |
| Read-only | Displays static content | |
| Text, Icon | Y | Can include optional icon |
| Event | No event trigger | |
| Shade | No background shading | |
| Children | No nested content | |
| List | Not a list container |
Usage Example
<Subtitle>
The QR code is ready
</Subtitle>
SDK Integration
Used in Walk-in screen:
Method: walk-in
Appears after insurer and location selection, just before displaying the QR code.
Example UI Placement
| Level | ID | Type | Value | Description |
|---|---|---|---|---|
1 | subtitle | Subtitle | The QR code is ready | Contextual instruction above message field |
Notes
- Do not confuse with
TitleorRegularelements. - Use to enhance section clarity.
- Follows consistent visual hierarchy across flows.