ButtonLink

Import from @falcon/ui-kit/dist/legacy, not @falcon/ui-kit.

ButtonLink renders button behavior with legacy link styling.

Primary

Code

<div style={{ margin: "0 auto", width: "fit-content" }}>
  <ButtonLink title="View order details" onClick={() => {}}>
    View order
  </ButtonLink>
</div>

With Icon

Code

<div style={{ margin: "0 auto", width: "fit-content" }}>
  <ButtonLink title="View order details" onClick={() => {}}>
    <Icon name="tank" size="24" />
  </ButtonLink>
</div>

With Typography

Code

<div style={{ margin: "0 auto", width: "fit-content" }}>
  <ButtonLink title="View order details" onClick={() => {}}>
    <Typography>View order</Typography>
  </ButtonLink>
</div>

With Typography And Icon

Code

<div style={{ margin: "0 auto", width: "fit-content" }}>
  <ButtonLink title="Back to orders" onClick={() => {}}>
    <FlexWrapper align="center" gap={8}>
      <Icon name="arrow-back" size="24" />
      <Typography variant="h5">Back to orders</Typography>
    </FlexWrapper>
  </ButtonLink>
</div>

API

ButtonLink

Name	Type/Description
className	string | undefined
disabled	boolean | undefined
onClick	MouseEventHandler<Element>
title	string | undefined
type	"button" | "submit" | "reset" | undefined