Skip to main content

Examples

Interactive examples of components generated by the Codella CLI with shadcn/ui. These are the actual components you get when running codella add.

Form Builder​

A form built using useFormBuilder hook from @codella-software/react with shadcn/ui form elements. Supports text fields, selects, textareas, switches, validation, and grid layouts.


codella add form-builder --framework shadcn

Dynamic Table​

Feature-rich data table with sorting, pagination, row selection, expandable rows, and row actions with confirmation dialogs.


codella add dynamic-table --framework shadcn

Table Filters​

Advanced filtering UI for tables with column selection, filter operators, active filter display, and sort controls. Powered by FiltersAndSortService.


codella add table-filters --framework shadcn

Rich Content Editor​

WYSIWYG rich text editor with formatting toolbar (bold, italic, headings, lists), undo/redo, and content management. Uses useRichContent hook.


codella add rich-content --framework shadcn

Tabs​

Responsive tabs component with icon and badge support, powered by TabsProvider and useActiveTab from @codella-software/react.


codella add tabs-component --framework shadcn