@mklog/widgets

Makelog Widgets

mklog-ledger

The Changelog component is used for displaying an organizations ledger in a web page. The component can be used as standard HTML element by following this example:

<mklog-ledger
  organization="d6f520d3-d197-4090-a9b2-9259b5828755"
  kind="element">
</mklog-ledger>

Or as popup that is triggered when the wrapped HTML element is clicked. As in this example:

<mklog-ledger
  organization="d6f520d3-d197-4090-a9b2-9259b5828755"
  kind="popper">
  <a class="menu-item" href="javascript:void">Changelog</a>
</mklog-ledger>

Basic styling is allowed for the ledger component using CSS variables. As an example:

  mklog-ledger {
    --mklog-color-brand-background: #121927;
    --mklog-color-brand-text: #E5E7EB;
  }

Properties

Property	Attribute	Description	Type	Default
heading	heading		string	'Product Updates'
kind	kind	Determines how the ledger is rendered either as a standard HTML element (default) or as a pop-up triggered when any contained HTML is clicked.	"element" | "popper"	'element'
organization (required)	organization		string	undefined
subheading	subheading		string	'The latest features, improvements, and bug fixes.'