vue-layout-primitives.heading

Renders a basic heading with the optional ability to clip the height so that the heading sits at the top of its container.

Installation

Directly in the browser

Drop the component in with a <script> tag alongside Vue:

<div id="app">
<!-- ... use component here ... -->
</div>

<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/vue-layout-primitives.heading"></script>
<script>
new Vue({ el: '#app' })
</script>

In a module system

Install the component with NPM:

npm install vue-layout-primitives.heading

Then import the component:

import Heading from 'vue-layout-primitives.heading'

And either globally register it for use in all components:

Vue.component(Heading, 'vue-layout-primitives.heading')

or locally register it for use in an individual component:

export default {
components: { Heading }
}

Usage

<!-- No props or content are necessary. -->
<Heading level="2">...</Heading>