Components

Skeleton

A skeleton is a component that is used to show a loading state for a component.

Source Code

Copy the following code into your project.

<template>
  <div :class="cn('animate-pulse cursor-wait bg-border dark:bg-muted', $attrs.class)"></div>
</template>

Separator

Visually or semantically separates content.

Slideout

Extends the Dialog component to display content that complements the main content of the screen.