Beadkit
Sequence

Beadkit component

Sequence builder

Steps arrive shuffled and the learner drags them into order. Pointer, touch, and keyboard reach the same interaction, and submitting emits an xAPI “answered” statement carrying the submitted order.

Back to gallery

Live preview

Sequence builder preview

Put it in order

Order the steps of an HTTP request.

  1. 1Negotiate TLS
  2. 2Receive the response
  3. 3Resolve the hostname via DNS
  4. 4Send the request
  5. 5Open a TCP connection

Install this component

Register Beadkit once in your shadcn project.

npx shadcn@latest registry add '@beadkit=https://beadkit.dev/r/{name}.json'
npx shadcn@latest add @beadkit/sequence