ds-svelte-community
Nais Docs
Pages
  • Home
  • CSS
  • Icons
Typography
  • BodyLong
  • BodyShort
  • Detail
Components
  • Accordion
  • ActionMenu Beta
  • Alert
  • Button
  • Checkbox
  • Chips
  • ConfirmationPanel
  • CopyButton
  • ErrorSummary
  • ExpansionCard
  • GuidePanel
  • HelpText
  • InternalHeader Beta
  • List
  • Loader
  • Modal
  • Pagination
  • Popover
  • Radio
  • ReadMore
  • Search
  • Select
  • Skeleton
  • Stepper
  • Switch
  • Table
  • Tabs
  • Tag
  • TextField
  • ToggleGroup
  • Tooltip
Primitives
  • Bleed
  • Box

Version: 1.0.0
Try dark darkside
Try light darkside

Loader

Loader gives users a visual indication that something is loading or taking time. Even though users have little information about what is happening, they are assured that something is happening.

Read more about this component in the Aksel documentation.

    Default
Some title

Properties

PropertyDescriptionDefault
Control
Properties
size

Changes Loader width/height 64px | 40px | 32px | 24px | 20px | 16px

"3xlarge" "2xlarge" "xlarge" "large" "medium" "small" "xsmall"
"medium"
title

Title prop on svg

string
"waiting..."
transparent

Sets svg-background to transparent

boolean
false
variant

Colored variants for Loader

"neutral" "interaction" "inverted"
"neutral"

Properties included from: SVGAttributes<SVGElement>