gov-au-ui-kit icon indicating copy to clipboard operation
gov-au-ui-kit copied to clipboard

Header

Open jonathanconway opened this issue 8 years ago • 3 comments

As we prototype in Business Identity we've been noticing some of the nice headers being used around the DTA, e.g. on Design Guide and Gov AU.

So we'd like if you could add a Header component to the UI Kit. Just a simple, plain blue-green strip across the top of the screen, with a title.

jonathanconway avatar Jan 18 '17 02:01 jonathanconway

you get a simple strip with text with

<div class="hero-sml corporate">
  <div class="wrapper">
    <p>Minister for Communications</p>
  </div>
</div>

eg. http://gov-au-ui-kit.apps.staging.digital.gov.au/examples/ministers-content.html

maxious avatar Jan 18 '17 02:01 maxious

@maxious, thanks, yep, we're using that for the time being.

jonathanconway avatar Jan 18 '17 02:01 jonathanconway

The UI kit also has a stack of bg-color-text-color combinations in it which can be applied to any element. They are generic so don't apply to any particular component - http://guides.service.gov.au/design-guide/foundations/colours/index.html (under Accessibility (assessible combinations).

DJMyles avatar Jan 22 '17 21:01 DJMyles