Notifications

Jul 29, 2017

This shortcode wraps text within a Bulma notification class. They will occupy the container width.

Given that no JS is included, notifications cannot be dismissed unless you add your own custom functions. These only really function to highlight text.

To use, follow this syntax:

{{< notification <class> >}}
notification content
{{< /notification >}}

The available classes correspond to the class names available in Bulma:

  1. is-dark
  2. is-primary
  3. is-info
  4. is-success
  5. is-warning
  6. is-danger
Note
You can specify whether the content inside the notification is rendered as plain HTML or Markdown by using {{< >}} or {{% %}}, respectively.

Examples

default
is-dark
is-primary
is-info
is-success
is-warning
is-danger

Last edited: Jun 6, 2018


Categories:
Tags: