oa/documentation/block/v-block-icon-documentation.md

VBlock icon

Vuero provides a versatile flex block media component named <VBlock />. VBlock has 2 named slots. One for the icon element, which can be whatever you want, and one for the action.

<template>
  <VBlock title="Team Tasks" subtitle="View all tasks">
    <template #icon>
      <VIconBox color="success" rounded>
        <VIcon icon="lucide:clock" />
      </VIconBox>
    </template>
    <template #action>
      <VButton color="primary" elevated>
        View
      </VButton>
    </template>
  </VBlock>
</template>

View