Phoenix Reisen Styleguide

300.10 #permalink CTA & Status Buttons

Examples

Default styling

.btn--primary

"Primary"

.btn--secondary

"Secondary" (weniger prominent als Primary)

.btn--stretched

langgezogen

.btn--link

Linkstyle

.btn--success

Hinweis / Erfolg

.btn--info

Hinweis / Info

.btn--warning

Fehler / Warnung

.btn--danger

Fehler / Gefahr

Markup

<div class="pa2">
    <button type="button" class="btn [modifier class]">
        Button
    </button>
</div>

Source: src/components/_buttons.scss, line 11