---
title: LinkButton
framework: applenewsformat
role: symbol
role_heading: Object
path: applenewsformat/linkbutton
---

# LinkButton

The component for opening a link in a button.

## Declaration

```data
object LinkButton
```

## Properties

role: Always link_button for this component. URL: The URL to open when a person interacts with the range of text specified in the addition. accessibilityLabel: A string that’s read to the user when you enable certain accessibility functionalities. anchor: An object that defines vertical alignment with another component. animation: An object that defines an animation you apply to the component. Use the none value for conditional design elements. Adding it here has no effect. behavior: An object that defines behavior for a component, like Parallax or Springy. To remove a previously set condition, use none. conditional: An instance or array of button properties that you can apply conditionally, and the conditions that cause Apple News Format to apply them. hidden: A Boolean value that determines whether the component is hidden. identifier: A unique identifier for this component. If you use an identifier, it must be unique across the entire document. An identifier is required if you want to anchor other components to this component. layout: An inline ComponentLayout object that contains layout information, or a string reference to a ComponentLayout that’s defined at the top level of the document. If you don’t define layout, Apple News bases the size and position on various factors, such as the device type, the length of the content, and the role of this component. style: An inline ComponentStyle object that defines the appearance of this component, or a string reference to a ComponentStyle that’s defined at the top level of the document. Use the none value for conditional design elements. Adding it here has no effect. text: The text, styled according to the textStyle definition. textStyle: An inline ComponentTextStyle object that contains styling information, or a string reference to a ComponentTextStyle object that’s defined at the top level of the document.

## Discussion

Discussion Use the LinkButton component to display a button with a link. The link opens when someone interacts with the button. You can place the LinkButton anywhere in the document and style it using ComponentStyle and ComponentTextStyle properties. Example {   "components": [     {       "role": "link_button",       "URL": "http://apple.com",       "text": "Read More",       "style": {         "backgroundColor": "#DDD",         "mask": {           "type": "corners",           "radius": 25         }       },       "layout": {         "padding": 10       }     }   ] }

## Relationships

### Inherits From

- [Component](applenewsformat/component.md)

## See Also

### Article Structure

- [Nesting Components in an Article](applenews/nesting-components-in-an-article.md)
- [Adding a Scene to a Chapter or a Section Header](applenews/adding-a-scene-to-a-chapter-or-a-section-header.md)
- [Creating an Article Link](applenews/creating-an-article-link.md)
- [Displaying Components Side By Side](applenews/displaying-components-side-by-side.md)
- [Header](applenewsformat/header.md)
- [Container](applenewsformat/container.md)
- [Section](applenewsformat/section.md)
- [Chapter](applenewsformat/chapter.md)
- [Aside](applenewsformat/aside.md)
- [CollectionDisplay](applenewsformat/collectiondisplay.md)
- [HorizontalStackDisplay](applenewsformat/horizontalstackdisplay.md)
- [FlexibleSpacer](applenewsformat/flexiblespacer.md)
- [Divider](applenewsformat/divider.md)
- [ArticleLink](applenewsformat/articlelink.md)
- [SupportedArticleIdentifier](applenewsformat/supportedarticleidentifier.md)