---
description: Useful for driving users to a single destination in a webapp
---

# CallToAction

### Example

{% embed url="https://3merge.github.io/q3-client/iframe.html?id=q3-ui-components-calltoaction--default" %}
Example of this component via GitPages.
{% endembed %}

```jsx
import React from 'react';
import CallToAction from 'q3-ui/lib/callToAction';

export default () => (
    <CallToAction 
        title="Whoa!"
        description="Have you checked this out yet?"
        to="/"
        buttonText="Learn more"
        fluid={{
            src: 'https://images.com/fake.png',
        }}
    />
);
```

### API

