PageCrm

CRM workspace. Slots: header, summary, filters, board, calls.

Import

Vue

import { UiPageCrm } from '@ziyarago/ui/vue'

Default

CRM

Leads and calls

Summary slot

Filters slot

Pipeline board slot

Calls slot

Vue

<UiPageCrm title="CRM" subtitle="Leads and calls">
  <template #summary>Summary slot</template>
  <template #filters>Filters slot</template>
  <template #board>Pipeline board slot</template>
  <template #calls>Calls slot</template>
</UiPageCrm>

API reference

CRM template: summary tiles, filters, pipeline board and call queue.

Props

PropType and valuesDefaultDescription

titlestring—Page heading. The built-in header renders only when title is set and the header slot is empty.

subtitlestring—Caption under the heading.

crumbs{ label: string; href?: string }[]—Breadcrumb trail above the title.

Slots

Vue: named slots. React: a prop with the same name; default is children.

headerCustom page header; replaces the built-in title/subtitle/crumbs header.

actionsButtons on the right of the built-in header. With a title they sit beside it; without a title they render alone, right-aligned (unless the header slot is filled).

summaryTiles above the board (leads, amount, conversion, overdue); StatsCard or KpiTile.

filtersStatus tabs, search and period switch; Tabs, SearchInput, SegmentedControl, FilterChips.

boardStage columns with deal cards; PipelineBoard, KanbanColumn, DealCard.

callsRecent call queue; CallRow, CallCard, IncomingCall.

Notes

Place inside AppShell; fill only the slots you need.