ZCard

Container card with shadow

Example

Card Title

Card content

Import

import { ZCard } from "zurto-ui";

Usage

import { ZCard } from "zurto-ui";

function Example() {
  return (
    <ZCard>
      <h3>Card Title</h3>
      <p>This is a card component with some example content.</p>
    </ZCard>
  );
}

Props

| Prop | Type | Default | Description | | ----------- | --------- | ------- | ------------ | ----- | ------ | ------------ | | padding | 'none' | 'sm' | 'md' | 'lg' | 'md' | Card padding | | shadow | boolean | true | Show shadow | | hoverable | boolean | false | Hover effect |

Accessibility

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