# Button (/ui-kit/components/button)





<mainStory.WithControl />

<ComponentShowcase title="VARIANT_PRESET_MAP.default.variant" description="VARIANT_PRESET_MAP.default.description" code="defaultCode">
  <DefaultButtonExample />
</ComponentShowcase>

<ComponentShowcase title="VARIANT_PRESET_MAP.secondary.variant" description="VARIANT_PRESET_MAP.secondary.description" code="secondaryCode">
  <SecondaryButtonExample />
</ComponentShowcase>

<ComponentShowcase title="VARIANT_PRESET_MAP.accent.variant" description="VARIANT_PRESET_MAP.accent.description" code="accentCode">
  <AccentButtonExample />
</ComponentShowcase>

<ComponentShowcase title="VARIANT_PRESET_MAP.destructive.variant" description="VARIANT_PRESET_MAP.destructive.description" code="destructiveCode">
  <DestructiveButtonExample />
</ComponentShowcase>

<ComponentShowcase title="VARIANT_PRESET_MAP.outline.variant" description="VARIANT_PRESET_MAP.outline.description" code="outlineCode">
  <OutlineButtonExample />
</ComponentShowcase>

<ComponentShowcase title="VARIANT_PRESET_MAP.ghost.variant" description="VARIANT_PRESET_MAP.ghost.description" code="ghostCode">
  <GhostButtonExample />
</ComponentShowcase>

<ComponentShowcase title="VARIANT_PRESET_MAP.link.variant" description="VARIANT_PRESET_MAP.link.description" code="linkCode">
  <LinkButtonExample />
</ComponentShowcase>

<ComponentShowcase title="VARIANT_PRESET_MAP.inline.variant" description="VARIANT_PRESET_MAP.inline.description" code="inlineCode">
  <InlineButtonExample />
</ComponentShowcase>

<ComponentShowcase title="VARIANT_PRESET_MAP.white.variant" description="VARIANT_PRESET_MAP.white.description" code="whiteCode">
  <WhiteButtonExample />
</ComponentShowcase>

<ComponentShowcase title="VARIANT_PRESET_MAP.expanding.variant" description="VARIANT_PRESET_MAP.expanding.description" code="expandingCode">
  <ExpandingButtonExample />
</ComponentShowcase>