Gallery

Settings section and row

A Card per section; one setting per row as a responsive Field: label and hint left, control right.

Reference: Cloudflare Configurations (cloudflare-p5.png)

Preview

Consent log

Every night, a CSV of the day's choices goes to your storage.

The law asks for proof of consent while it is relied on.

Published v18

Focus rings

Consent log

Every night, a CSV of the day's choices goes to your storage.

The law asks for proof of consent while it is relied on.

Published v18

In each theme: Default · Trackable · SkillDecks · BetterMarketer

Install

npx shadcn@4.23.0 add https://ui.dobrin-dobrev.co.uk/r/settings.json

Into an app set up with shadcn init --base radix; the parts it uses come with it.

Files

  • registry/default/blocks/settings.tsx → components/blocks/settings.tsx