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"

This component is a <div>. Props like onClick and className will continue to work here.

Examples

Sizes

Use the size prop to match the size of text.


View code