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

Skeleton

Skeleton is used to give the user a temporary visual feedback while the content is loading or being processed. It is a simple and minimalistic version of the actual content to be displayed.

Read more about this component in the Aksel documentation.

    Default Text size Children Card

Properties

PropertyDescriptionDefault
Control
Properties
variant
required

Changes the shape of the skeleton.

"circle" "rectangle" "rounded" "text"
-
height

When not inferring height from children, you must specify height.

string
-
width

When not inferring width from children, you must specify width.

string
-
Snippets
children

Fit the skeleton to the size of the children.

 -

Properties included from: HTMLAttributes<HTMLDivElement>