node package manager
Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

@gov.au/headings

@gov.au/headings

Class styles for display headings.

Contents


Install

yarn add @gov.au/headings
npm install @gov.au/headings --save-dev

⬆ back to top


Usage

⬆ back to top


React

Usage:

import Heading from './headings.js';
 
<Heading size="2" level="2" text="Display 2 on h2" />

All props:

<Heading
    size="1"              {/* The display size, 1 = smallest; 6 = largest */}
    level="1"             {/* The semantic headline tag level, h1-h6 */}
    text="Headline text"  {/* The text of the headline */}
/>

For more details have a look at the usage example.

⬆ back to top


Dependency graph

headings
└─ core

⬆ back to top


Build

⬆ back to top


Tests

The visual test: http://uikit.apps.staging.digital.gov.au/packages/headings/tests/site/

⬆ back to top


Release History

  • v0.3.0 - Added pancake-react plugin, ES5 main file
  • v0.2.0 - Added react component
  • v0.1.0 - 💥 Initial version

⬆ back to top


License

Copyright (c) Commonwealth of Australia. Licensed under MIT.

⬆ back to top

};