Skeleton

docs/skeleton

FreeComponent

skeleton component for SolidJS

Live preview

live · rendered by the registry

Rendered by docs on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://solidcn.dev/r/skeleton.json

Source

components/ui/skeleton.tsxsolidcn.dev/r/skeleton.json

1import type { Component, JSX } from "solid-js";
2import { splitProps } from "solid-js";
3import { cn } from "~/lib/utils";
4 
5export const Skeleton: Component<JSX.HTMLAttributes<HTMLDivElement>> = (props) => {
6  const [local, rest] = splitProps(props, ["class"]);
7  return <div class={cn("animate-pulse rounded-md bg-muted", local.class)} {...rest} />;
8};

More from docs

All 44 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Accordionaccordion	docs	Components	Free	no deps
Alert Dialogalert-dialog	docs	Components	Free	no deps
Avataravatar	docs	Components	Free	no deps
Badgebadge	docs	Components	Free	no deps
Breadcrumbbreadcrumb	docs	Components	Free	no deps
Buttonbutton	docs	Components	Free	no deps
Calendarcalendar	docs	Components	Free	no deps
Cardcard	docs	Components	Free	no deps