ecardilly Design Components

Buttons 

<section class="flow--one">
    <a href="#url" class="btn">Jetzt anmelden</a>
    <input type="submit" class="btn btn--primary" value="Jetzt anmelden" />
    <button type="button" class="btn btn--ghost">Jetzt anmelden</button>

    <hr />
    <a href="#url" class="btn btn--small">Jetzt anmelden</a>

    <hr />
    <button type="button" class="btn btn--ghost_delete">Löschen</button>

    <hr />
    <a href="#url" class="btn btn--small">
        <i class="ph-bold ph-download-simple"></i>
        Download
    </a>

    <hr />
    <a href="#url" class="btn btn--tiny">
        <i class="ph-bold ph-download-simple"></i>
        Download
    </a>

    <hr />
    <a href="#url" class="btn btn--locked">
        <i class="ph-bold ph-lock-simple-open"></i>
        Freischalten
    </a>

    <hr />
    <button role="button" disabled class="btn">
        <i class="ph-bold ph-lock-simple-open"></i>
        Freischalten
    </button>

    <hr />
    <button type="button" data-to-clipboard="Copied from Button" class="btn">
        <i class="ph-bold ph-copy"></i>
        <span>Copy to Clipboard</span>
    </button>

    <hr />
</section>
 
<section class="flow--one">
	<a href="#url" class="btn">{{standard_cta}}</a>
	<input type="submit" class="btn btn--primary" value="{{standard_cta}}" />
	<button type="button" class="btn btn--ghost">{{standard_cta}}</button>

	<hr />
	<a href="#url" class="btn btn--small">{{standard_cta}}</a>

	<hr />
	<button type="button" class="btn btn--ghost_delete">Löschen</button>

	<hr />
	<a href="#url" class="btn btn--small">
		<i class="ph-bold ph-download-simple"></i>
		{{download}}
	</a>

	<hr />
	<a href="#url" class="btn btn--tiny">
		<i class="ph-bold ph-download-simple"></i>
		{{download}}
	</a>

	<hr />
	<a href="#url" class="btn btn--locked">
		<i class="ph-bold ph-lock-simple-open"></i>
		{{unlock}}
	</a>

	<hr />
	<button role="button" disabled class="btn">
		<i class="ph-bold ph-lock-simple-open"></i>
		{{unlock}}
	</button>

	<hr />
	<button type="button" data-to-clipboard="Copied from Button" class="btn">
		<i class="ph-bold ph-copy"></i>
		<span>Copy to Clipboard</span>
	</button>

	<hr />
</section>
 
{
  "standard_cta": "Jetzt anmelden",
  "download": "Download",
  "unlock": "Freischalten",
  "disabled": "Gesperrt"
}

No notes defined.