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}