# Meta

Brief information about the content.

## Branding

To include `meta` in your application, you need to choose **ONE** brand from those available. The `DEFAULT` brand is included in all other brands, and any settings that are not configured will fall back to default.

```scss
// Pick ONE of the brands below to include
@import '@springernature/elements/components/meta/scss/default';
@import '@springernature/elements/components/meta/scss/nature';
@import '@springernature/elements/components/meta/scss/springer';
@import '@springernature/elements/components/meta/scss/springernature';

// Include this with your other components
@import '@springernature/elements/components/meta/scss/meta';
```

## Usage

```html
<!-- single item-->
<div class="c-meta">
    <span class="c-meta__item">Article</span>
</div>

<!-- multiple items-->
<div class="c-meta">
    <span class="c-meta__item">Editorial</span>
    <span class="c-meta__item">15 October 2019</span>
</div>

<!-- differentiate an item -->
<div class="c-meta">
    <span class="c-meta__item">
        <span class="c-meta__type">Editorial</span>
    </span>
</div>

<!-- larger font size -->
<div class="c-meta c-meta--large">
    <span class="c-meta__item">Article</span>
</div>
```
