Skip to content

ZCloseButton

Close button for modals and dismissible content

Example

Import

tsx
import { ZCloseButton } from "zurto-ui";

Usage

tsx
import { ZCloseButton } from "zurto-ui";

function Example() {
  return (
    <>
      <ZCloseButton size="md" onClick={() => console.log("Close")} />
      <ZCloseButton size="sm" />
    </>
  );
}

Props

| Prop | Type | Default | Description | | --------- | ------------ | ------- | ------------- | ------ | ----------- | | size | 'sm' | 'md' | 'lg' | 'md' | Button size | | onClick | () => void | - | Click handler |

Accessibility

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

Released under the MIT License.