ActiveItem

src/components/ActiveItem.vue

Display Low 1 uso

Indicador de status ativo/inativo. Exibe CheckCircleIcon (Feather) quando active=true, ou CircleIcon quando active=false. Usado no HorizontalNavMenuItem para indicar o item de menu ativo.

Ativo

active=true — renderiza CheckCircleIcon (círculo com check). Indica item selecionado/ativo.

Item de menu ativo

<!-- Exemplo sintético — sem uso real encontrado no admin -->
<active-item :active="true" />

Inativo

active=false — renderiza CircleIcon (círculo vazio). Indica item não selecionado.

Item de menu inativo

<!-- Exemplo sintético — sem uso real encontrado no admin -->
<active-item :active="false" />

API

<!-- active: Boolean (required) — true = CheckCircleIcon, false = CircleIcon -->
<active-item :active="isItemSelected" />

Props

Nome	Tipo	Default	Obrig.	Descrição
`active`	Boolean	—	Sim	Estado do item. `true` = CheckCircleIcon; `false` = CircleIcon.

Dependências

feather-icon — CheckCircleIcon / CircleIcon

Onde é usado

src/layouts/components/horizontal-nav-menu/HorizontalNavMenuItem.vue

Nota: Componente com apenas 1 prop booleana. Sem slots, sem eventos. Internamente alterna entre CheckCircleIcon e CircleIcon via v-if/v-else. Ambos os ícones têm svgClasses="w-5 h-5 hover:text-primary stroke-current".