CloseButton

The CloseButton is a IconButton with close icon.

import { CloseButton } from '@backyard-ui/core';

Use the size prop to increase the visual size.

Use the radius prop to increase the border-radius.

• radius
  Description The `border-radius` property

  Type

  "sm" | "md" | "lg" | "xl" | "2xl" | "full"

  Default

  xl
• appearance
  Description The Button appearance

  Type

  "success" | "critical" | "info" | "warning" | "neutral" | "primary" | "secondary" | "tertiary"

  Default

  primary
• variant
  Description The variant is used to change the visual communication.

  Type

  "solid" | "subtle" | "outline" | "ghost"

  Default

  solid
• isLoading
  Description Set loading state.

  Type

  boolean
• size
  Description The Button size

  Type

  "xs" | "sm" | "md"

  Default

  sm
• isDisabled
  Description Set disabled state.

  Type

  boolean
• ariaLabel
  Description A11y: A label that describes the button

  Type

  string