ZSkeleton

Loading placeholder skeleton

Example

Import

import { ZSkeleton } from "zurto-ui";

Usage

import { ZSkeleton } from "zurto-ui";

function Example() {
  return (
    <>
      <ZSkeleton width="100%" height={16} />
      <ZSkeleton width="80%" height={16} />
      <ZSkeleton width="60%" height={16} />
    </>
  );
}

Props

| Prop | Type | Default | Description | | -------- | --------- | ------- | ------------- | --------------- | | width | string | number | '100%' | Skeleton width | | height | string | number | 20 | Skeleton height | | circle | boolean | false | Make circular |

Accessibility

• ✅ Keyboard navigation support
• ✅ ARIA attributes included
• ✅ Screen reader friendly
• ✅ Focus management