Blocks

Column visibility picker

Choose visible account columns and preview the resulting table.

Choose visible account columns and preview the resulting table.

Account name always stays visible.

OwnerStatusMonthly amount

Account	Owner	Status	Amount
Harborlight Studio	Mara Feld	Active	$480
Basalt Robotics	Ken Ito	Review	$1240
Fernwood Analytics	Mara Feld	Active	$1240
Driftwood Kitchens	Priya Nair	Trial	$96

Using Column visibility picker

Choose visible account columns and preview the resulting table.

Pass typed items, then handle onValueChange and onAction in a client component. Use value to control the complete local state.

The included data and actions are local examples. Connect persistence and service calls in the host application.

Props: title, accent, status

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The code, framework versions and installation commands are available in the workbench above.