Skeleton Text

Displays a placeholder while content is loading.
Properties
size

Installation

Usage

Example
Source Code
"use client";

import React from "react";
import { SkeletonText } from "@/ui/components/SkeletonText";

function SkeletonTextExample() {
  return <SkeletonText size="default" />;
}

export default SkeletonTextExample;

Props

Skeleton Text Props
Prop
Type
Default value
Notes
size
"default" | "label" | "subheader" | "section-header" | "header"
"default"

Examples

Sizes

Use the size prop to match the size of text.