open-index/open-npm huggingface dataset:
npm package: @mklog/widgets
Description: Makelog widgets
Latest version: 0.5.1

# Makelog Widgets

## [mklog-ledger](/src/components/ledger/readme.md)

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:

```HTML
<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:

```HTML
<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:

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

<!-- Auto Generated Below -->

## 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.'` |