digitaldeveloper-bom

@ausbom/gatsby-transformer-swagger

A GatsbyJS transformer for the BOM's YAML swagger definitions.

@ausbom/button

Buttons help users perform actions and make choices. They can include text and icons to communicate what will happen when a user interacts with them.

@ausbom/styles

Styles is a library of components that help other components determine what styles to take by default and which ones to override using specified theme objects.

@ausbom/grid

A grid is like an invisible table that helps designers position interface elements with strong alignment and consistent spacing. Grids are made up of columns, rows, gutters, and margins.

@ausbom/typography

> Typography is an important part of creating visual hierarchy. The way information is presented to users is as important as the information itself.

@ausbom/icon

The icon component provides a refined set of functional icons to use in services and products. The icons are broken into three categories to help users navigate the service, identify important information and understand the forecast story.

eslint-config-bom

BOM ESLint config

@ausbom/body

> Body is a collection of styles that apply to common content elements. These styles help make page content easier to read.

@ausbom/breadcrumbs

> Breadcrumbs are a type of secondary navigation. They help the user understand their location in the website and show any parent pages associated with it. Breadcrumbs are a horizontal row of text links separated by the chevron icon (>). The chevron indic

@ausbom/card

> Cards represent a unit of information. They can consist of a title, image, description and metadata about media.

@ausbom/cta-link

> Call to action links are visually distinct instructions to users. They're designed to entice users to complete a certain action using verbs. For example, call now or learn more. ### Installation

@ausbom/header

> A set of components to build a header for a website or application.

@ausbom/linklist

> Linklists are a continuous group of text. They are composed of items containing primary and supplemental navigation actions.

@ausbom/in-page-anchor

> The `InPageAnchor` List component displays a list of links to help a user navigate to content within the same page. It has two components – `InPageAnchor` and `AnchorListItem`.

@ausbom/tabs

> Navigational tabs can be used to anchor users to a point on a page or to switch between pages within a section.

@ausbom/pagination

> Pagination allows the user to easily navigate between paginated content.

@ausbom/warnings

> Displays warnings at a glance.

@ausbom/accordion

> Accordions are a list of sections that allow users to show or hide related content.

@ausbom/tooltip

> Tooltips show extra information to help users understand weather data.

@ausbom/modal

> Use modals for pop-up windows and dialogs.

@ausbom/charts

> Examples on how Highcharts can be used to display consistent and engaging charts.

@ausbom/form

> A collection of styles for labels, hint text, inline error messages and form controls.

@ausbom/time-scrubber

> The TimeScrubber component provides a UI for playing back and scrubbing through a number of discrete time steps. It's primarily used to scrub through map layers.

@ausbom/audio-player

> An audio player enables a user to access audio files. Find examples on how to use `AudioPlayer` and set loading and error states.

@ausbom/table

> Table is a light weight component used to display tabular data — that is, information presented in a two-dimensional table comprised of rows and columns of cells containing data.