### Promo
## Usage
Promo banner component is used to let users know about upgrade options, new features, or any other information that doesn't require immediate action. This component should be used wisely so don't overuse it too often. Remember to always specify the action that you want to promote.
### Small
This is appropriate for components from 180px to 400px width. Use it in sidebars, mobile and any other contextual use, where space is the limitation.
```js
window.alert('close')} linkText="Link button" buttonText="Primary action" img="https://via.placeholder.com/100"
> A description with a maximum of 100 characters. That usually means only one or two sentences.
```
```js
window.alert('close')} linkText="Link button" buttonText="Primary action"
> A description with a maximum of 100 characters. That usually means only one or two sentences.
```
```js noeditor
window.alert('close')}> A description with a maximum of 100 characters. That usually means only one or two sentences.
```
### Medium
This is appropriate for components from 400px to around 800px width.
Max text colum width is 680px
```js
window.alert('close')} img="https://via.placeholder.com/100"> A description with a maximum of 100 characters. That usually means only one or two sentences.
```
```js
window.alert('close')} > A description with a maximum of 100 characters. That usually means only one or two sentences.
```
```js noeditor
window.alert('close')}> A description with a maximum of 100 characters. That usually means only one or two sentences.
```
### Large
Max text colum width is 680px
```js
window.alert('close')} img="https://via.placeholder.com/100"> A description with a maximum of 100 characters. That usually means only one or two sentences.
```
```js
window.alert('close')}> A description with a maximum of 100 characters. That usually means only one or two sentences.
```
```js noeditor
window.alert('close')}> A description with a maximum of 100 characters. That usually means only one or two sentences.
```
### Background
#### On white
```js
window.alert('close')} linkText="Link button" buttonText="Primary action"> A description with a maximum of 100 characters. That usually means only one or two sentences.
```
#### On greys
```js
window.alert('close')} linkText="Link button" buttonText="Primary action"> A description with a maximum of 100 characters. That usually means only one or two sentences.
```