Shortcodes

Buttons

[button url="http://www.yourwebsite.com" text="My Button Text" color="default"]

Colours:

  • default
  • primary
  • success
  • info
  • warning
  • danger

[button color=”default” text=”Button”] [button color=”primary” text=”Button”] [button color=”success” text=”Button”] [button color=”info” text=”Button”] [button color=”warning” text=”Button”] [button color=”danger” text=”Button”]

Alerts

[alert type="info" close="true"]My text here[/alert]

Types:

  • info
  • success
  • warning
  • danger

[alert type=”info” close=”true”]This is my informational alert.[/alert]
[alert type=”success” close=”true”]This is my successful alert.[/alert]
[alert type=”warning” close=”true”]This is my warning alert.[/alert]
[alert type=”danger” close=”true”]This is my error alert.[/alert]

Labels

[label type="primary"]My label text[/label]

Types:

  • default
  • primary
  • info
  • success
  • warning
  • danger

[label type=”default”]Default label[/label] [label type=”primary”]Primary label[/label] [label type=”info”]Info label[/label] [label type=”success”]Success label[/label] [label type=”warning”]Warning label[/label] [label type=”danger”]Danger label[/label]

Toggle

[toggle title="Click to open"]My toggle text[/toggle]

[toggle title=”Click to open”]Proin fringilla sem eu nunc dictum, sed mollis lorem vehicula. Aenean ut feugiat enim, eu tristique nibh. Quisque vitae molestie leo, condimentum tempus purus. Maecenas pulvinar, felis quis lobortis porttitor, lectus metus tristique velit, nec auctor lorem mi eget ipsum. Donec feugiat quam mi, eu convallis ipsum faucibus vel. Maecenas quis dapibus massa. Nullam fringilla augue sit amet sapien aliquam sagittis. Vivamus vulputate urna libero, sit amet elementum orci gravida vel.

Aliquam ut lorem condimentum mi suscipit auctor non sed ante. Pellentesque lacinia metus fermentum, varius arcu sed, mollis dui. Donec dignissim nunc id ultricies feugiat. Curabitur adipiscing diam in erat vulputate, euismod aliquam lectus tempus. Morbi facilisis rutrum lacus auctor interdum. Morbi laoreet in justo vitae molestie. Suspendisse lorem ipsum, blandit dapibus eros et, tempor rhoncus nisi. Vestibulum iaculis mollis enim, vitae venenatis ante iaculis ac. Integer laoreet nec erat at elementum. Curabitur feugiat non est eu mattis. Nulla facilisi. Sed a luctus elit.[/toggle]

Leave a Comment

*