@not-govuk/search-box v0.16.2

NotGovUK - Search Box

A single-line, form field for searching, with submit button.

(Heavily inspired by the Search component in the GOV.UK Component Guide.)

Using this package

First install the package into your project:

npm install -S @not-govuk/search-box

Then use it in your code as follows:

import React, { createElement as h } from 'react';
import SearchBox from '@not-govuk/search-box';

export const MyComponent = props => (
  <form method="get" action="https://www.google.co.uk/search">
    <SearchBox name="q" label="Search Google" width={15} />
  </form>
);

export default MyComponent;

Working on this package

Before working on this package you must install its dependencies using the following command:

pnpm install

Testing

Run the unit tests.

npm test

Building

Build the package by compiling the TypeScript source code.

npm run build

Clean-up

Remove any previously built files.

npm run clean