Action
A button that posts, with an optional confirm: leave, remove, stop.
openvibe-shared/kitJSON
Build it
kit.action({ action: '/s/night-owls/leave', icon: 'leave', label: 'Leave', kind: 'quiet', confirm: 'Leave Night owls?' })Props
href- any?
icon- string?
kind- string?
name- any?
type- string?
attrs- any?
label- string?
small- boolean?
value- any?
action- any
hidden- object?
method- string?
confirm- string?
Anatomy
- actionA button that posts, with an optional confirm: leave, remove, stop.
Behaviour and access
- Keyboard
- Keeps the focused control in view
- Outside tap
- Leaves it open
- Scroll
- The page still scrolls
- Reduced motion
- Remove movement; keep the state change.
- Name
- Action
- Target
- At least 44 × 44 px on touch
- Focus
- Visible keyboard focus; follow reading order
States
- default
Tokens
color.accent.strongsize.tap
Android · Jetpack Compose
Material 3 Action
Use Action in Jetpack Compose with the shared tokens.
iOS · SwiftUI
Use Action in SwiftUI with the shared tokens.
Markup
Default
<form class="ovk-inline" method="post" action="/s/night-owls/leave" data-ovk-confirm="Leave Night owls?"><button class="ovk-btn ovk-btn--quiet" type="submit"><svg class="ovk-i" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M13 4h4a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-4M9 16l-4 -4 4 -4M5 12h10"/></svg><span>Leave</span></button></form>