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

Import

import { CloseButton} from '@frontile/buttons';
import { CloseButton} from '@frontile/buttons';

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

API

CloseButton

Element: HTMLButtonElement

Arguments

Name Type Default Description
class string - Additional class for close button element
onClick function - The function to call when button is clicked
size enum 'lg' The icon size
title string 'Close' The title of the close button

Blocks

Name Type Default Description
default * Array -
Released under MIT License - Created by Josemar Luedke