Информационный блок

Спокойный информационный блок для заметок и дополнительных пояснений.

Установка

npx alixan-ui-nuxt add info-box

Использование

Используйте InfoBox, чтобы отделить полезный контекст от основного содержимого.

<InfoBox>{{ $t('componentDocs.infoBox.demo') }}</InfoBox>

Используйте InfoBox, чтобы отделить полезный контекст от основного содержимого.

<script setup lang="ts">
import { CircleHelp } from '@lucide/vue';
</script>

<InfoBox :icon="CircleHelp">{{ $t('componentDocs.infoBox.demo') }}</InfoBox>

Справочник API

Свойство	Тип	По умолчанию	Описание
icon	Component \| null	null	Необязательный компонент иконки перед содержимым.
default	slot	-	Информационное содержимое блока.