UI components

Code & devtools

Code and developer tools: code on display glass, a foldable JSON tree, a diff, a live log on paper tape and a field for secrets.

8 pieces. 2 run live; 6 kit parts are recordings, live with the Tactile UI Kit.

berth.js

const berth = 'A1';
const open = true;
return { berth, open };

Code block

Kit part · Free with an account

npmpnpmyarnbun
pnpm add @northwind/cli
Install snippet
Kit part · Free with an account
Terminal
Kit part
JSON viewer
Kit part
Diff view
Kit part
Log stream
Kit part
Key-value editor
Kit part
Secret field
Kit part