Components

The components in the GNWT OneGov Design System are the building blocks for creating accessible, consistent, and user-focused web experiences. Each component is designed to meet GNWT standards for usability, accessibility (WCAG 2.1 AA), and responsive behavior.

This section includes detailed documentation for every component, including:

  • Usage guidelines – When and how to use the component

  • Code examples – HTML snippets, CSS, Javascript, and rendered previews

  • Accessibility notes – Important considerations for keyboard navigation, screen readers, and contrast

  • Variants – Alternative styles or behaviors for specific use cases

Whether you're a designer referencing available patterns, a developer implementing them in Drupal or another platform, or a content editor understanding how they appear on the page, this section serves as your source of truth for what’s available and how to use it correctly.

Updated: Aug 27, 2025