vue-layout-primitives.box v0.0.7

vue-layout-primitives.box

The base Box component that can be used in a variety of ways to ensure consistent spacing.

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.box"></script>
<script>
new Vue({ el: '#app' })
</script>

In a module system

Install the component with NPM:

npm install vue-layout-primitives.box

Then import the component:

import Box from 'vue-layout-primitives.box'

And either globally register it for use in all components:

Vue.component(Box, 'vue-layout-primitives.box')

or locally register it for use in an individual component:

export default {
components: { Box }
}

Usage

<!-- No props or content are necessary. -->
  <Box pad="1">
		Some context
	</Box>