@citizensadvice/cads-box-model

Generic

Usage no npm install needed!

<script type="module">
  import citizensadviceCadsBoxModel from 'https://cdn.skypack.dev/@citizensadvice/cads-box-model';
</script>

README

Box model

npm (scoped)

Component Type

  • Generic

Installation

$ npm install @citizensadvice/cads-box-model


@import "@citizensadvice/cads-box-model/index.scss";

You can also make use of the unpkg service, try adding the link below to the head of your HTML file <link src="https://unpkg.com/@citizensadvice/cads-box-model@latest/build/cads.box-model.css" />

Implementation

When building new components, they will automatically take on the box model of border-box, but you can set this to whatever you'd like by changing the box-sizing property in your new component.