eduardweb.
shadcn/uiIntermediar#shadcn#ui#tailwind

5 componente shadcn/ui pe care le rescriu mereu (și de ce)

De Elena Dumitrescu, 21 apr. 2026 · 722 vizualizări · 3 like-uri

Postat acum 1 zi

shadcn e punctul meu de plecare pe orice proiect nou. Dar după 20+ proiecte mi-am făcut un set de componente pe care le rescriu întotdeauna:

1. Button

  • Adaug variant soft (background cu opacitate 10%, text colorat)
  • Loading state cu spinner integrat
  • Icon position (left / right) ca prop explicit

2. Input

  • Label + error integrate (React Hook Form friendly)
  • Prefix / suffix ca props
  • Auto focus ring care nu se bate cu dark mode

3. Dialog

  • Close on outside click configurabil
  • Scroll lock mai bun pe mobile
  • Focus return la triggerul original

4. Toast / Sonner

  • Presets pentru success/error/info
  • Support pentru promise (.loading → .success / .error)

5. DataTable

  • Empty state real (nu doar "No results")
  • Skeleton rows când loading
  • Bulk actions + selection state

Toate se fac în 1-2 zile la începutul proiectului și îți economisesc săptămâni pe parcurs.

Răspunsuri 0

Se încarcă răspunsurile…

Loghează-te pentru a răspunde

Doar membrii comunității pot lăsa comentarii.