Skip to content
NewService Map: 30 components for hosts, ports and routes

01Collection11 components

Interaction

Ordinary controls with one considered motion each. The effect switches on for the state that matters and stays out of the way for the rest.

ControlsFeedbackData

Every component in this collection

npx shadcn@latest add @lumesec/interaction

Controls

7
<effort-slider>
Ultracode slidereffort-sliderOpen Ultracode slider
<ui-send-button>
Send / stop buttonui-send-buttonOpen Send / stop button
<ui-toggle>
Toggleui-toggleOpen Toggle
<ui-segmented>
Segmented controlui-segmentedOpen Segmented control
<ui-copy-button>
Copy buttonui-copy-buttonOpen Copy button
<ui-hold-button>
Hold to confirmui-hold-buttonOpen Hold to confirm
<ui-dial>
Rotary dialui-dialOpen Rotary dial

Feedback

2
<ui-thinking>
Thinking indicatorui-thinkingOpen Thinking indicator
<ui-toast-stack>
Toast stackui-toast-stackOpen Toast stack

Data

2
<ui-odometer>
Odometer stepperui-odometerOpen Odometer stepper
<ui-context-meter>
Context meterui-context-meterOpen Context meter