# [Usage](../../../usage.md) > [Components](../basics.md) > [Visuals](../basics.md) > FastCard

Compact KPI card for a single highlighted number with label, tip and footer value. Use it for dashboard metrics and counters where a full [Card](card.md) would be too heavy; use Card when you need a `schema` grid, header buttons or accordable sections.

![image](img/fastcard_1.png)

```php
{!!
  \KFramework\Components\Visual\FastCard::make()
    ->setLabel('Budget')
    ->setValue('budget is increasing')
    ->setTip('+10%')
    ->setContent('100€')
!!}

{!!
  \KFramework\Components\Visual\FastCard::make()
    ->setLabel('Budget')
    ->setSmall()
    ->setContent('100€')
!!}
```

**End-to-end example:** active-users KPI row.
```php
// Blade:
{!!
  \KFramework\Components\Visual\FastCard::make()
    ->setLabel('Active users')
    ->setType('success')
    ->setContent('1,240')
    ->setValue('up from 1,100 last week')
    ->setTip('+12%')
!!}

// Controller:
use KFramework\Components\Visual\FastCard;

$kpi = FastCard::make()
    ->setLabel('Active users')
    ->setContent('1,240')
    ->setTip('+12%');

return view('dashboard', compact('kpi'));
```

---
## Usage

- Blade:
```php
{!! \KFramework\Components\Visual\FastCard::make() !!}
```
- Controller:
```php
FastCard::make()
```

---
## Standard attributes

- `uuid`
- `id`
- `classes`
- `extraAttributes`
- `label`
- `type`
  - Define the color of the left border of the fastcard: `primary`, `secondary`, `success`, `warning`, `danger`.
- `color`
  - Define the background color of the entire card: `primary`, `secondary`, `success`, `warning`, `danger`.
- `content`
  - This will set the highlighted text of the FastCard.
- `value`
  - In this case, value is not used to fill schema, but to fill the footer of the FastCard. It accepts a string. This will be hidden if the FastCard is set to small. Use `content` for the big number and `value` for the footer note.
- `columnSpan`

See their usage and description [here](../basics.md).

---
## Component-specific attributes

### - `tip` | `->setTip()`
Will add a tip text in the upper-right corner.

| Types    | Default |
|----------|---------|
| `string` | `null`  |


### - `small` | `->setSmall()`
Will create a smaller version of the FastCard, tip and value will be hidden.

| Types  | Default |
|--------|---------|
| `bool` | `false` |

## See also
- [Components basics](../basics.md)
- [Card](card.md), [Chart](chart.md), [Table](table.md)
- [content](../shared_attributes/content.md), [value](../shared_attributes/value.md), [type](../shared_attributes/type.md)