Skip to main content

CnTagsCard

Compact tags widget for the pluggable integration registry. Fetches the Nextcloud system tags attached to an OpenRegister object and renders them as inline pills inside a CnDetailCard. Surface-aware shell around the tags integration: handles user-dashboard, app-dashboard, detail-page, and single-entity from a single component.

Wraps: CnDetailCard

Try it

Loading CnTagsCard playground…

Usage

<CnTagsCard
:register="registerId"
:schema="schemaId"
:object-id="objectId"
surface="detail-page" />

Pass pre-translated labels when your app handles i18n:

<CnTagsCard
:register="reg"
:schema="schema"
:object-id="id"
:no-tags-label="t('myapp', 'No tags')" />

Display props

PropTypeDefaultNotes
titleString''Override the card title (defaults to the translated label).
collapsibleBooleanfalseWhether the card collapses.
apiBase (api-base)String'/apps/openregister/api'Base API URL.

Reference

Props

NameTypeRequiredDefaultDescription
registerstringOpenRegister register id (slug or uuid).
schemastringOpenRegister schema id (slug or uuid).
objectIdstringParent object id.
surfacestring'detail-page'Rendering surface — passed for AD-19 surface fallback consumers.
apiBasestring'/apps/openregister/api'Base API URL.
collapsiblebooleanfalseWhether the card collapses.
titlestring''Override the card title (defaults to the translated label).
noTagsLabelstring() =&gt; t('nextcloud-vue', 'No tags')Pre-translated empty label.