---
extends: _layouts.master
title: "Examples"
---

# Examples

Some component examples, just to get a vibe for what's possible and for us to double check our default utilities are producing good looking stuff!

## Alerts

<div class="bg-amber-lightest border border-amber-light rounded p-4 mb-4">
    <div class="text-medium text-amber">
        Warning message
    </div>
    <div class="text-amber">
        Some additional text to explain what went wrong.
    </div>
</div>

<div class="bg-green-lightest border border-green-light rounded p-4">
    <div class="text-medium text-green">
        Success message
    </div>
    <div class="text-green">
        Some additional text to explain what went awesome.
    </div>
</div>

## Buttons