Display a skeleton whilst another component is loading.
import { Skeleton } from "@/components/ui/skeleton-1"; export default function WrappingChildrenDemo() { return ( <div className="flex flex-col gap-4 w-3/4"> <Skeleton> <button>Hidden by skeleton</button> </Skeleton> <Skeleton show={false}> <button>Not hidden by skeleton</button> </Skeleton> </div> ); }
Part of Geist — browse the full library on 21st.dev.