Loading Overlay

Экран загрузки. Бесплатно, MIT · Окна и уведомления › Сообщения и статус

Установка

npx valyro-cli@latest add loading-overlay

npx shadcn@latest add https://valyro.xyz/r/loading-overlay.json

npm install valyro-ui

import 'valyro-ui/styles.css';
import { LoadingOverlay } from 'valyro-ui';

Prop	Type	Default
`visible` *	`boolean`		Shows the overlay with a fade. Unless `fullscreen`, the covered parent gets `aria-busy` meanwhile.
`fullscreen`	`boolean`	`false`	Cover the whole viewport instead of the nearest positioned parent.
`message`	`ReactNode`		Text under the spinner, announced politely to screen readers.
`progress`	`number`		0–100; shows a determinate progress bar.
`label`	`string`	`'Loading'`	Announced to screen readers when there is no `message`.

Alert — Предупреждения
Toast — Всплывающие уведомления
Notification Center — Центр уведомлений
Dialog — Модальные окна
Confirm Dialog — Подтверждение действий
Drawer — Выдвижные панели
Bottom Sheet — Нижняя шторка в стиле iOS: точки остановки, свайп, режим «подглядывания»
Popover — Всплывающий контент
Hover Card — Карточка при наведении
Tour — Онбординг-тур: подсветка элементов, шаги, прогресс и возобновление