vue-layout-primitives.cover
v0.0.7
Published
A component that centers content in the middle of a height-specified element with optional header and footer.
Downloads
6
Readme
vue-layout-primitives.cover
A component that centers content in the middle of a height-specified element with optional header and footer.
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.cover"></script>
<script>
new Vue({ el: '#app' })
</script>
In a module system
Install the component with NPM:
npm install vue-layout-primitives.cover
Then import the component:
import Cover from 'vue-layout-primitives.cover'
And either globally register it for use in all components:
Vue.component(Cover, 'vue-layout-primitives.cover')
or locally register it for use in an individual component:
export default {
components: { Cover }
}
Usage
<!-- No props or content are necessary. -->
<Cover>
...
</Cover>