Component registry

Kit row

One tappable item with identity, supporting text and a trailing fact or action.

All components · Kit documents · Definition as JSON

Live web demo

Web source: openvibe-shared/kit · kit.row({ title, sub, href, mark, trail })

Anatomy

  • markitem identity
  • texttitle and supporting line
  • trailtime, count or action

Props

title
string
sub
string?
href
url?
mark
string?
trail
string?

Behavior and accessibility

States
default · hover · focused · unread
Tokens
color.bg.raised · color.text.primary · size.tap
Keyboard
Standard focus order
Outside tap
No dismissal
Scroll lock
Page remains scrollable
Reduced motion
Remove movement; keep the state change.
Accessibility
Announce title, supporting text and trailing fact together. Visible keyboard focus; follow reading order. At least 44 × 44 dp or pt for every touch action.

Android · Jetpack Compose

Reference: OvRow in OpenVibe.Link's Android app (android/app/src/main/java/network/openvibe/kit/OvKit.kt). Use ListItem with headlineContent, supportingContent and trailingContent.

Material 3 container: SurfaceContainer

iOS · SwiftUI

Use an HStack row inside a List with a full-row tap target.

Example definition

{
  "schema": "design.component@1",
  "name": "kit-row",
  "props": {
    "title": "OpenVibe.Live",
    "sub": "Live now"
  }
}

Other components