---
name: Actioned link
route: /components/common/actioned-link
edit: false
---

import { Playground, Props } from 'docz'
import ActionedLink from './actioned-link'

# ActionedLink
**SUBCATEGORY:** Navigation

<hr />

## Actioned link
### Description
For links that prompt an external action, but does not affect or change data.

<Playground>
  <ActionedLink href='/' text='Actioned link' icon='add' />
  <ActionedLink href='/' text='Actioned link' icon='download' />
  <ActionedLink href='/' text='Actioned link' icon='edit' />
  <ActionedLink href='/' text='Actioned link' icon='listen' />
  <ActionedLink href='/' text='Actioned link' icon='reuse-this-content' />
  <ActionedLink href='/' text='Actioned link' icon='remove' />
  <ActionedLink href='/' text='Actioned link' icon='the-trust-project' />
  <ActionedLink href='/' text='Actioned link' icon='watch' />
  <ActionedLink href='/' text='Actioned link' icon='copy' />
  <ActionedLink href='/' text='Actioned link' icon='check' />
</Playground>

**With additional props**

Allows any valid HTML or React props to be passed through.

<Playground>
  <ActionedLink href='#' text='Actioned link' icon='edit' onClick={() => alert('clicked!')} />
</Playground>

<hr />

## Actioned link (minor)
### Description
For links that prompt an external action, but does not affect or change data. Useful for revisiting completed tasks or steps in a journey.

<Playground>
  <ActionedLink href='/' text='Actioned link' icon='add' minor />
  <ActionedLink href='/' text='Actioned link' icon='download' minor />
  <ActionedLink href='/' text='Actioned link' icon='edit' minor />
  <ActionedLink href='/' text='Actioned link' icon='listen' minor />
  <ActionedLink href='/' text='Actioned link' icon='reuse-this-content' minor />
  <ActionedLink href='/' text='Actioned link' icon='remove' minor />
  <ActionedLink href='/' text='Actioned link' icon='the-trust-project' minor />
  <ActionedLink href='/' text='Actioned link' icon='watch' minor />
  <ActionedLink href='/' text='Actioned link' icon='copy' minor />
  <ActionedLink href='/' text='Actioned link' icon='check' minor />
</Playground>

<hr />
git branch --set-upstream-to=origin/add-apple-google-podcast-icons add-apple-google-podcast-icons

## Properties
<Props of={ActionedLink} />
