vk-custom-component

Build reusable Vue components for vk-unicloud-admin by creating self-contained custom components with a consistent props and events contract. This ensures clean integration with vk-data-form and vk-data-table across multiple contexts.

The custom component pattern uses a custom-<name> naming convention for directories and files. Components rely on a defined props contract of value, column, and scene to render consistently across form, table, and detail contexts.

Yes, you can use one custom component across form, table, and detail scenes. A scene prop controls the rendering context, enabling consistent interactions without duplicating component code for each scenario.

Integrate a custom Vue component with vk-data-table by following the event contract using input and change with the correct parameter order. Wire the component directly into your table configuration for deployment.

Yes, you need YAML frontmatter with name and description fields for vk custom components. The structure also supports optional resource directories including scripts, references, and assets to extend component capabilities.