gridcn1.2.2
Examples

Appearance & i18n

Styling with shadcn tokens and data attributes, the three loading states, and i18n/RTL via typed labels.

How the grid looks and how it speaks: styling through shadcn theme tokens and the data-attribute contract, the three loading states, and internationalization with typed labels plus RTL direction. Each page embeds the live registry example. The styling guide and i18n guide carry the full reference.

Styling

Brand columns, styled rows, live density — value-driven styling on four surfaces.

Loading states

Skeleton viewport, slim indeterminate bar, and the ordinary empty state.

i18n & RTL

English, Deutsch, and Arabic in one grid — labels and direction per locale.

Supabase

The grid's server fetch contract with Supabase, using Supabase.from().select() plus range as the shortest path.

Styling

Value-driven styling on all four surfaces (grid-level and per-column class hooks, on shadcn tokens).