Components
PageLoading Component
Components
- 3DCard Component
- AirpodsProLeft Component
- AirpodsProRight Component
- Alert Component
- Audio Component
- Button Component
- Card Component
- ChargingIconRight Component
- ChargingTextLeft Component
- Checkbox Component
- Collapse Component
- EmptyState Component
- ErrorMessage Component
- Form Component
- GridLayout Component
- HelpTooltip Component
- Image Component
- Input Component
- Lamp Component
- LightBox Component
- Modal Component
- MovingBorder Component
- PageLoading Component
- Popover Component
- PropertyDefault Component
- Radio Component
- RangeSlider Component
- Select
- SilentIconLeft Component
- SongThumbnail Component
- SilentTextRight Component
- Spinner Component
- TabButton Component
- TextArea Component
- Toggle Component
- Toggle2 Component
- Tooltip Component
- WarningMessage Component
Components
PageLoading Component
PageLoading
This component provides PageLoading functionality.
Props
prop1
: Description of prop1.prop2
: Description of prop2.
Usage
import { PageLoading } from './PageLoading';
const props = {};
<PageLoading prop1="value1" prop2="value2" />;
import type { FC } from 'react';
import { Spinner } from '../src/Spinner';
interface PageLoadingProps {
message?: string;
}
export const PageLoading: FC<PageLoadingProps> = ({ message }) => {
return (
<div className="flex h-full grow items-center justify-center">
<div className="space-y-3">
<Spinner className="mx-auto" />
<div>{message}</div>
</div>
</div>
);
};
On this page