Skeleton
Use to show a placeholder while content is loading.
/** @jsxImportSource @bext-stack/framework */
// src/components/ui/skeleton.tsx (animation in your global stylesheet: .ui-skeleton)
export const Skeleton = (o = {}) => \`<div class="ui-skeleton rounded-md bg-muted \${o.class || ""}"></div>\`;
Installation
$ bext ui add skeleton
Copy and paste the following into src/components/ui/skeleton.tsx.
/** @jsxImportSource @bext-stack/framework */
// src/components/ui/skeleton.tsx (animation in your global stylesheet: .ui-skeleton)
export const Skeleton = (o = {}) => \`<div class="ui-skeleton rounded-md bg-muted \${o.class || ""}"></div>\`;
On This Page