Neoclassical Programming Multitude

npm

Need private packages and team management tools?Check out npm Orgs. »

components.form-input-denote

0.1.2 • Public • Published

The input denote component

The input denote component module simply adds a visual box treatment before or after an input.

This extends current GOV.UK styles.

HTML Example


<h1 id="legend-heading" class="heading-large">Descriptive Heading</h1>

<div id="example-question" class="form-group inline">
    <span class="c-form-input-denote">£</span>
    <input class="form-control c-form-input-denote__input form-control-1-4" aria-labelledby="legend-heading" type="text" name="example">
</div>

Visual Example

This is an example taken from Apply for a Budgeting Loan.

Visual example of denote componet from budging loans service

Usage

Once this has been installed you will need to include it in your Sass files.

links

install

npm i components.form-input-denote

Downloadsweekly downloads

1

version

0.1.2

license

ISC

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability