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
              
                    variant
                  
                  enum
                
                    'transparent'

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
`variant`	`enum`	`'transparent'`

Blocks

Name	Type	Default	Description
`default` *	`Array`	-