Components
Components are reusable parts of the user interface that have been made to support a variety of applications.
A component can be used in multiple different patterns and contexts. For example, button components can be reused in sign up forms as well as FOI submissions.
For a full list of components available to use and the different states, the Components.sketch file can be an additional reference.
-
Article: Card > Featured -
Article: Card > Featured (Excerpt) -
Article: Card > Featured-4 -
Article: Card > List -
Article: Card > Related -
Article: Header -
Content Block: Accordion -
Content Block: Bio -
Content Block: Card > Contact -
Content Block: Card > Expandable (Image) -
Content Block: Card > Short (Icon) -
Content Block: Card > Short (Image) -
Content Block: Error -
Content Block: FAQ -
Content Block: Intro -
Content Block: Related Items -
Content Block: Reports List -
Content Block: Section Title with Desc -
Content Block: Stats > Featured -
Content Block: Stats > Small -
Content Fragment -
CTA: Button > Primary -
CTA: Button > Secondary -
CTA: Button > Social Share -
CTA: Dropdown -
CTA: Full Width Dropdown -
CTA: Full Width Image -
CTA: Text with Image -
Form: FOI Request Container -
Header: Full Width -
Header: Hero -
Header: Scaled (No Subtitle) -
Header: Scaled (Subtitle) -
Header: Text Only -
Mixed Media: Block Quote -
Mixed Media: Image -
Mixed Media: Image Gallery -
Mixed Media: Video Player -
Nav: Breadcrumbs -
Nav: Sub-section Nav -
Nav: Topic Filter -
Quick Search -
Results: Articles -
Results: Articles by Tag -
Results: Media Releases -
Results: Reports -
Structure: Section Container -
Structure: Spacer -
Table -
Tabs -
Text -
Title