---
name: Slim media promo
route: /components/common/slim-media-promo
edit: false
---

import { Playground, Props } from 'docz'
import SlimMediaPromo from './slim-media-promo'

# SlimMediaPromo

<hr />

## Slim media promo
### Description
For promoting media content or campaigns in an unbranded, unobtrusive manner.

<Playground>
  <SlimMediaPromo
    title='Title'
    linkURL='/'
    linkText='Link'
    />
</Playground>

<hr />

**Colour variants**

<Playground>
  <SlimMediaPromo
    title='Title'
    linkURL='/'
    linkText='Link'
    variant='singapore-55' />
  <br />
  <SlimMediaPromo
    title='Title'
    linkURL='/'
    linkText='Link'
    variant='paris-90' />
  <br />
</Playground>

## Slim media promo (inverse)
### Description
For promoting media content or campaigns in an unbranded, unobtrusive manner.

<Playground>
  <SlimMediaPromo
    title='Title'
    linkURL='/'
    linkText='Link'
    inverse />
</Playground>

<hr />

**Colour variants**

<Playground>
  <SlimMediaPromo
    title='Title'
    linkURL='/'
    linkText='Link'
    inverse
    variant='chicago-20' />
</Playground>

<hr />

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