CloseButton

CloseButton displays a square close button.

Import

import { CloseButton } from "@prismane/core";

Usage

By default, CloseButton uses the secondary variant.

<CloseButton />

CloseButton Variants

<>
  <CloseButton variant="primary" />
  <CloseButton variant="secondary" />
  <CloseButton variant="tertiary" />
  <CloseButton variant="text" />
</>

CloseButton Sizes

<>
  <CloseButton size="xs" />
  <CloseButton size="sm" />
  <CloseButton size="base" />
  <CloseButton size="md" />
  <CloseButton size="lg" />
</>

CloseButton Colors

The CloseButton component extends the Button component and it's respective props. This allows for changing the colors of the CloseButton to any color in PrismaneColors

<>
  <CloseButton color="primary" />
  <CloseButton color="teal" />
  <CloseButton color="copper" />
</>

API

Please refer to the documentation below for a comprehensive overview of all the available props and classes for the mentioned components.

- CloseButton

Go BackCircle

Up NextCollapse