Developer WARNING
🚨 Current @semcore/email package is deprecated and not recommend for use. New major version is planned and will be released one day.
Button themes
html
<extends src="core/base.html">
<block name="head">
<link rel="stylesheet" href="../../../lib/core/base.css" />
<link rel="stylesheet" href="../../../lib/button/index.css" />
</block>
<block name="content">
<div style="padding: 10px">
<a href="#" class="button button-theme-primary-info">Button</a>
<a href="#" class="button button-theme-primary-success">Button</a>
<a href="#" class="button button-theme-primary-warning">Button</a>
<a href="#" class="button button-theme-primary-danger">Button</a>
<a href="#" class="button button-theme-secondary-default">Button</a>
</div>
<div style="padding: 10px; background-color: #000">
<a href="#" class="button button-theme-primary-invert text-black">Button</a>
<a href="#" class="button button-theme-secondary-invert">Button</a>
</div>
</block>
</extends><extends src="core/base.html">
<block name="head">
<link rel="stylesheet" href="../../../lib/core/base.css" />
<link rel="stylesheet" href="../../../lib/button/index.css" />
</block>
<block name="content">
<div style="padding: 10px">
<a href="#" class="button button-theme-primary-info">Button</a>
<a href="#" class="button button-theme-primary-success">Button</a>
<a href="#" class="button button-theme-primary-warning">Button</a>
<a href="#" class="button button-theme-primary-danger">Button</a>
<a href="#" class="button button-theme-secondary-default">Button</a>
</div>
<div style="padding: 10px; background-color: #000">
<a href="#" class="button button-theme-primary-invert text-black">Button</a>
<a href="#" class="button button-theme-secondary-invert">Button</a>
</div>
</block>
</extends>