Component registry

Kit section

A named group with an optional note and count.

All components · Kit documents · Definition as JSON

Live web demo

Your places

A named group of related actions.

  • Your lookTheme and comfort settings

    • Web source: openvibe-shared/kit · kit.section({ title, note, body })

    Anatomy

    • headinggroup name
    • notehelp text
    • bodygroup content

    Props

    title
    string
    note
    string?
    body
    content

    Behavior and accessibility

    States
    default · empty
    Tokens
    color.bg.raised · color.text.primary · space.lg
    Keyboard
    Standard focus order
    Outside tap
    No dismissal
    Scroll lock
    Page remains scrollable
    Reduced motion
    Remove movement; keep the state change.
    Accessibility
    Kit section. Visible keyboard focus; follow reading order. At least 44 × 44 dp or pt for every touch action.

    Android · Jetpack Compose

    Reference: OvSection in OpenVibe.Link's Android app (android/app/src/main/java/network/openvibe/kit/OvKit.kt). Use a Column with a heading and grouped content.

    Material 3 container: Surface

    iOS · SwiftUI

    Use a Section with a header and optional footer note.

    Example definition

    {
  "schema": "design.component@1",
  "name": "kit-section",
  "props": {
    "title": "Your rooms"
  }
}

    Other components