0.0.5 • Published 7 years ago

@citizensadvice/cads-button-container v0.0.5

Weekly downloads
-
License
MIT
Repository
-
Last release
7 years ago

Button container

npm (scoped)

Component type

  • Component

Dependencies:

NameDescription
@citizensadvice/cads-supportSystem-wide global variables and functions

Installation

$ npm install @citizensadvice/cads-button-container
@import "@citizensadvice/cads-button-container/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-button-container@latest/build/cads.button-container.css" />

Implementation

A button container is a container wrapper to help position one or more buttons. Essentially it gives $spacing--2xl to the button(s) and is often used when creating tools that require a clear separation of content and UI actions.

<div class="c-btn-container">
  <a class="c-btn c-btn--primary c-btn--action-prev" href="#">Previous</a>
  <a class="c-btn c-btn--primary" href="#">Next</a>
</div>