UIKit
7.47.1
• Loaderコンポーネント
UIKit
7.47.1
AccordionActionTooltipActionsPanelAlertArrowToggleAvatarBreadcrumbsButtonCardCheckboxClipboardButtonDefinitionListDialogDisclosureDividerDrawerDropdownMenuFilePreviewHelpMarkHotkeyIconLabelLinkListLoaderMenuModalNumberInputOverlayPaginationPalettePasswordInputPinInputPlaceholderContainerPopoverPopupPortalProgressRadioRadioGroupSegmentedRadioGroupSelectSheetSkeletonSliderSpinStepperSwitchTableTabsTextTextAreaTextInputToasterTocTooltipUserUserLabel
Date Components
3.4.2
Navigation
6.3.1
size
The Loader component displays the loading progress as flashing bars. Unlike Spin, this component is used in global scenarios, e.g., for an entire page or Dialog.
import {Loader} from '@gravity-ui/uikit';
§Size
import {Loader} from '@gravity-ui/uikit'; export default function () { return ( <> <Loader size="s" /> <Loader size="m" /> <Loader size="l" /> </> ); }
S: Small size, used when the regular loader is too large.
M: Medium (basic) size, used in most cases.
L: Large size, used when the regular loader is too small.
§Properties
| Name | Description | Type | Default |
|---|---|---|---|
| size | Loader size | "s" "m" "l" | "s" |
| className | Custom CSS class for the root element | string |