GitHub

CloseButton

This component provides the commonly used Close Button with an icon.

It is also used under other components in Frontile, for example Modal and Drawer

<div class="flex items-center space-x-2">
  <CloseButton @size="xs" />
  <CloseButton @size="sm" />
  <CloseButton @size="md" />
  <CloseButton @size="lg" />
  <CloseButton @size="xl" />
</div>

API

Arg Type Description Required Default
onClick (event: Event) => void The function to call when button is clicked - -
size 'xs' | 'sm' | 'lg' | 'xl' | 'md' The icon size - 'lg'
Edit this page on GitHub
VisuallyHidden
Collapsible