# Source: https://www.plain.com/docs/ui-components/link-button.md

> ## Documentation Index
> Fetch the complete documentation index at: https://www.plain.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# LinkButton

> Useful when you want to link somewhere external (e.g. your own admin tool or payment provider)

<Frame><img src="https://mintcdn.com/plain/EjhjILX5S36Y2AF-/public/images/ui-component-link-button.png?fit=max&auto=format&n=EjhjILX5S36Y2AF-&q=85&s=9346d0a520f270eb3fdd8bb93410433e" alt="Example link button" data-og-width="1664" width="1664" data-og-height="300" height="300" data-path="public/images/ui-component-link-button.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/plain/EjhjILX5S36Y2AF-/public/images/ui-component-link-button.png?w=280&fit=max&auto=format&n=EjhjILX5S36Y2AF-&q=85&s=6c712d7f62b7d3aaf362f4d323672085 280w, https://mintcdn.com/plain/EjhjILX5S36Y2AF-/public/images/ui-component-link-button.png?w=560&fit=max&auto=format&n=EjhjILX5S36Y2AF-&q=85&s=33b619c8914000b05a0969f61396b227 560w, https://mintcdn.com/plain/EjhjILX5S36Y2AF-/public/images/ui-component-link-button.png?w=840&fit=max&auto=format&n=EjhjILX5S36Y2AF-&q=85&s=1524d18f379c910d4b3460ce47ef4360 840w, https://mintcdn.com/plain/EjhjILX5S36Y2AF-/public/images/ui-component-link-button.png?w=1100&fit=max&auto=format&n=EjhjILX5S36Y2AF-&q=85&s=69054deede26c6a569e4a5a262cb6d90 1100w, https://mintcdn.com/plain/EjhjILX5S36Y2AF-/public/images/ui-component-link-button.png?w=1650&fit=max&auto=format&n=EjhjILX5S36Y2AF-&q=85&s=29097c1c067ef743824daf2d0e65fd74 1650w, https://mintcdn.com/plain/EjhjILX5S36Y2AF-/public/images/ui-component-link-button.png?w=2500&fit=max&auto=format&n=EjhjILX5S36Y2AF-&q=85&s=70076d91ad89876ae0f1c10d1ce25b44 2500w" /></Frame>

A link button has the following properties:

* `linkButtonLabel`: the text of the button
* `linkButtonUrl`: the URL the button should open in a new tab

For example:

<Tabs>
  <Tab title="Typescript SDK">
    <Snippet file="typescript-sdk/ui-link-button.mdx" />
  </Tab>

  <Tab title="GraphQL">
    <Snippet file="graphql/ui-link-button.mdx" />
  </Tab>
</Tabs>