TextButton
==========

*   GitHub: [BonnierNews/dn-design-system/web/src/components/text-button](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/text-button)
*   Storybook: [TextButton](https://designsystem.dn.se/?path=/docs/basic-buttons-textbutton--docs)

| Name | Description | Default |
|:--- | :--- | :--- |
| text\* | string | \- |
| type | "button", "submit" | "button" |
| href | If href is set the button will be rendered as an a-tag<br />string | \- |
| disabled | boolean | false |
| fullWidth | boolean | false |
| mobileFullWidth | Button will only full width on mobile<br />boolean | false |
| iconName | add, arrow\_back, arrow\_forward etc | | For all available icons see: [https://designsystem.dn.se/?path=/story/foundations-icons--all-icons](https://designsystem.dn.se/?path=/story/foundations-icons--all-icons)<br />"search", "link", "x", "wifi\_off", "volume\_up", "volume\_off", "visibility\_off", "visibility" | \- |
| iconPosition | "right", "none", "left" | "none" |
| hideTextOnMobile | boolean | false |
| size | "sm", "lg" | \- |
| loading | boolean | false |
| forcePx | boolean | false |
| classNames | string | ", " |
| attributes | Ex. { target: "\_blank", "data-test": "lorem ipsum" }<br />{ \[key: string\]: string; } | { } |

```jsx
<TextButton
  text="No icon"
/>
```