EmptyState

Заглушка порожнього стану з іконкою та описом.

Живе демо

Нічого не знайдено

Спробуйте змінити критерії пошуку

Немає запланованих подій

Створіть першу подію, щоб почати

Немає документів

Завантажте або створіть новий документ

Використання

<template>
  <orio-empty-state
    icon="search"
    title="No results found"
    description="Try adjusting your search criteria"
    size="small"
  />
  <orio-empty-state
    icon="calendar"
    title="No events scheduled"
    description="Create your first event to get started"
    size="medium"
  />
  <orio-empty-state
    icon="edit"
    title="No documents"
    description="Upload or create a new document"
    size="large"
  >
    <orio-button variant="primary" icon="plus"> Create Document </orio-button>
  </orio-empty-state>
</template>

Пропси

Проп	Тип	За замовчуванням	Опис
icon	string	undefined	Назва іконки
title	string	-	Основний заголовок
description	string	undefined	Текст опису
size	'small' | 'medium' | 'large'	'medium'	Розмір компонента

Слоти

Слот	Опис
default	Кнопки дій або додатковий вміст