Tries
Examples a person can run with one tap.
openvibe-shared/kitJSON
Build it
kit.tries({ name: 'q', label: 'Try', items: [{ value: 'openvibe.live' }, { value: 'openvibe.chat' }, { value: 'example.com' }] })Props
run- string?
name- string?
items- list?
label- string?
target- string?
Anatomy
- triesExamples a person can run with one tap.
Behaviour and access
- Keyboard
- Standard focus order
- Outside tap
- Leaves it open
- Scroll
- The page still scrolls
- Reduced motion
- Remove movement; keep the state change.
- Name
- Tries
- Target
- At least 44 × 44 px on touch
- Focus
- Visible keyboard focus; follow reading order
States
- default
Tokens
color.bg.raisedcolor.text.primary
Android · Jetpack Compose
Material 3 Tries
Use Tries in Jetpack Compose with the shared tokens.
iOS · SwiftUI
Use Tries in SwiftUI with the shared tokens.
Markup
Default
<p class="ovk-try"><span>Try</span><a href="?q=openvibe.live" data-ovk-try="openvibe.live" data-ovk-name="q">openvibe.live</a><a href="?q=openvibe.chat" data-ovk-try="openvibe.chat" data-ovk-name="q">openvibe.chat</a><a href="?q=example.com" data-ovk-try="example.com" data-ovk-name="q">example.com</a></p>