Code block
A snippet to copy: Geist Mono, scrolls sideways, never breaks mid-token, with the copy button.
Reference: Ours: trackable-cmp Code block
Preview
<script src="https://sst.shop.example/c.js" data-site="demo" async></script>Focus rings
<script src="https://sst.shop.example/c.js" data-site="demo" async></script>In each theme: Default · Trackable · SkillDecks · BetterMarketer
Install
npx shadcn@4.23.0 add https://ui.dobrin-dobrev.co.uk/r/code-block.json
Into an app set up with shadcn init --base radix; the parts it uses come with it.
Files
- registry/default/blocks/code-block.tsx → components/blocks/code-block.tsx