Alert Boxes
Primary
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.{alertPrimary}
Secondary
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.{alertSecondary}
Success
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.{alertSuccess}
Info
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.{alertInfo}
Waring
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.{alertWarning}
Error
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.{alertError}
Button style
{getButton} $text={Button Primary} $icon={is-primary} {getButton} $text={Button Secondary} $icon={is-secondary} {getButton} $text={Button Success} $icon={is-success} {getButton} $text={Button Danger} $icon={is-danger} {getButton} $text={Button Warning} $icon={is-warning} {getButton} $text={Button Info} $icon={is-info}Button icon
{getButton} $text={Default Button} $color={#00AA5B} {getButton} $text={Buy Now} $icon={cart} $color={var(--keycolor)} {getButton} $text={Preview} $icon={eye} $color={#198754} {getButton} $text={Download} $icon={download} $color={#0d6efd} {getButton} $text={More Info} $icon={info} $color={#6c757d} {getButton} $text={Open Link} $icon={link} $color={#ffc107}Button with info
{getButton} $text={Buy Now} $icon={cart} $color={#e91e63} $size={10} $info={$25} {getButton} $text={Download} $icon={download} $color={#6366f1} $info={78KB}Code Box
function generate() { var a = $('#container').html(); var b = window.open('', '', 'width=600,height=400'); b.document.write('<textarea>' + a + '</textarea>'); }.{codeBox}