Components
Client Only
Installation
pnpm dlx @docyrus/cli add @docyrus/ui-docyrus-data-source-pickerUI Primitives(4 components)
npx shadcn@latest add badge button dialog tooltipUsage
import {
DocyrusDataSourcePicker
} from "@docyrus/ui/components/docyrus-data-source-picker";
<DocyrusDataSourcePicker
schema={...}
selectedDataSource={...}
jsonataContextPaths={ContextPath[]}
handlebarsContextPaths={ContextPath[]}
selectedRecord={...}
recordText="..."
hasSelection
/>API Reference
| Prop | Type | Default |
|---|---|---|
schema | JsonSchema | null | — |
selectedDataSource | DataSource | null | — |
jsonataContextPaths | Array<ContextPath> | — |
handlebarsContextPaths | Array<ContextPath> | — |
selectedRecord | Record<string, unknown> | null | — |
recordText | string | — |
hasSelection | boolean | — |
className | string | — |
Delete Confirm Dialog
Delete Confirm Dialog component with multiple variants and sizes.
Dummy Data Generator
Multi-step modal wizard that generates Docyrus-compatible sample records — per-field strategies (text/number/date/enum/relation), value-renderer preview, and an opt-in batch save to the data source.