ZSpacer

Spacer component from zurto-ui.

Preview

Before

After

Import

import { ZSpacer } from "zurto-ui";

Props

Prop	Type	Default	Description
children	ReactNode	-	Component content
className	string	-	Additional CSS classes

Sizes

<ZSpacer size="sm">Small</ZSpacer>
<ZSpacer size="md">Medium</ZSpacer>
<ZSpacer size="lg">Large</ZSpacer>

Accessibility

• ✅ Proper ARIA attributes included
• ✅ Keyboard navigation support
• ✅ Screen reader friendly
• ✅ Focus visible indicators