Gallery

Scroll area

shadcn Scroll area, stock (radix-vega, shadcn CLI 4.23.0), styled by the tokens.

Preview

  • Cookie _ga_1
  • Cookie _ga_2
  • Cookie _ga_3
  • Cookie _ga_4
  • Cookie _ga_5
  • Cookie _ga_6
  • Cookie _ga_7
  • Cookie _ga_8
  • Cookie _ga_9
  • Cookie _ga_10
  • Cookie _ga_11
  • Cookie _ga_12
  • Cookie _ga_13
  • Cookie _ga_14
  • Cookie _ga_15
  • Cookie _ga_16
  • Cookie _ga_17
  • Cookie _ga_18
  • Cookie _ga_19
  • Cookie _ga_20

Focus rings

  • Cookie _ga_1
  • Cookie _ga_2
  • Cookie _ga_3
  • Cookie _ga_4
  • Cookie _ga_5
  • Cookie _ga_6
  • Cookie _ga_7
  • Cookie _ga_8
  • Cookie _ga_9
  • Cookie _ga_10
  • Cookie _ga_11
  • Cookie _ga_12
  • Cookie _ga_13
  • Cookie _ga_14
  • Cookie _ga_15
  • Cookie _ga_16
  • Cookie _ga_17
  • Cookie _ga_18
  • Cookie _ga_19
  • Cookie _ga_20

In each theme: Default · Trackable · SkillDecks · BetterMarketer

Install

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

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

Files

  • registry/default/ui/scroll-area.tsx