Skeleton Text

Displays a placeholder while content is loading.
Properties
size
Example
Source Code
Installation
"use client";

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

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

export default SkeletonTextExample;

Props

Skeleton Text
Prop
Type
Default
Additional info
size
"default" | "label" | "subheader" | "section-header" | "header"
"default"

Examples

Sizes

Use the size prop to match the size of text.