InfoBox
A quiet information surface for notes and supporting guidance.
Installation
npx alixan-ui-nuxt add info-boxUsage
Use InfoBox to separate helpful context from the main content.
<InfoBox>{{ $t('componentDocs.infoBox.demo') }}</InfoBox>Use InfoBox to separate helpful context from the main content.
<script setup lang="ts">
import { CircleHelp } from '@lucide/vue';
</script>
<InfoBox :icon="CircleHelp">{{ $t('componentDocs.infoBox.demo') }}</InfoBox>API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| icon | Component | null | null | Optional icon component displayed before the content. |
| default | slot | - | Informational content rendered in the surface. |