Components

CMS Components

Stelo CMS includes a comprehensive library of reusable UI components built with Shadcn UI.

Form Components

FormField

Standardized form field with validation:

<FormField
  label="Title"
  name="title"
  required
  localized
/>

RichTextEditor

Tiptap-based editor for content creation:

<RichTextEditor
  value={content}
  onChange={setContent}
  locale={currentLocale}
/>

MediaUploader

File upload component with drag-and-drop:

<MediaUploader
  onUpload={handleUpload}
  accept="image/*"
  multiple
/>

Data Components

DataTable

Sortable, filterable data table:

<DataTable
  data={pages}
  columns={pageColumns}
  searchable
  paginated
/>

EntityList

List view for entities with actions:

<EntityList
  type="pages"
  actions={['edit', 'delete', 'publish']}
/>

This section will be expanded with detailed component documentation.