Insignia Buttons

Buttons are used for actions, e.g., in forms, while textual hyperlinks are used for destinations, or moving from one page to another.

This repository is a package of the full insignia repository.

Install

This repository is distributed with npm. After installing npm, you can install insignia-buttons with this command:

$ npm install --save @upvest/insignia-buttons

You can also use yarn. After installing yarn, use this command:

$ yarn add @upvest/insignia-buttons

Usage

The source files included are written in TypeScript (ts), which is compiled to JavaScript modules. You can simply import the portions you need like this:

import { primaryButtonClass } from '@upvest/insignia-buttons'

Documentation

Buttons are used for actions, e.g., in forms, while textual hyperlinks are used for destinations, or moving from one page to another.

{:toc}

Default Button

Use the standard—yet classy—buttonClass for form actions and primary page actions.

When using a <button> element, always specify a type. When using a <a> element, always add role="button" for accessibility.

<button className={buttonClass} type="button">Button button</button>
<a className={buttonClass} href="#url" role="button">Link button</a>

License

Copyright © 2018-present Upvest GmbH. All rights reserved.

See LICENSE in the root directory of this source tree for complete license information.