https://github.com/jadu/pulsar-metadata

Provides a simple way to mark up key/value information provided by a Twig hash or JSON object.
https://github.com/jadu/pulsar-metadata

Last synced: 5 days ago
JSON representation

Provides a simple way to mark up key/value information provided by a Twig hash or JSON object.

• Host: GitHub
• URL: https://github.com/jadu/pulsar-metadata
• Owner: jadu
• Created: 2023-09-28T09:20:48.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-09-28T13:48:23.000Z (about 1 year ago)
• Last Synced: 2024-04-16T00:49:49.716Z (7 months ago)
• Language: SCSS
• Size: 6.84 KB
• Stars: 0
• Watchers: 8
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

        
# Metadata

Provides a simple way to mark up key/value information provided by a Twig hash

or JSON object.

## Documentation

https://jadu.github.io/pulsar/docs/components/metadata

## Example usage

```twig

{{

    html.metadata({

        'items': {

            'File': 'true_lies.avi',

            'Size': '1.2 Gb',

            'Type': 'Video'

        }

    })

}}

```

## Variations

Class | Behaviour |

----- | --------- |

| `.metadata--stacked` | Verically align keys and values |

## Options

Option | Type   | Description

------ | ------ | --------------------------------------------------------------

class  | string | CSS classes, space separated

id     | string | A unique identifier, if required

items  | hash   | A hash of data where key: value = title: description

data-* | string | Data attributes, eg: `'data-foo': 'bar'`