Digital Pattern Library

The following page consists of a variety of components needed for the Dominion project that have been extracted for potential reuse in different parts of the application.

Where appropriate these elements should be used to create a sense of UI cohesion throughout the application. Anything that might potentially be reused in other parts of the project should be extracted and added here.

Components have no knowledge of the outside world and should rely on their parent blocks to orchestrate how they are positioned and placed. In particular, this means that no component is allowed to specify any of the following:

These rules apply to all elements, even the lowest level elements, e.g., single tag elements such as paragraphs and headings.

Headings

Large Heading

Medium Heading

Standard Heading

Buttons

Inputs

Loading

Connecting to Dominion...

Game Board

Game Buttons

Game Button
Game Button
Game Button
Game Button
Game Button
Game Button

Checkbox

Coin

6

Description Box

  • +1 Action

Discard as many cards from your hand as you want. Then draw a card for each card you discarded

  • +1 Action
  • +1 Coin
  • +1 Buy
  • +1 Card

Score Card

Congratulations, you have won!
Alec 26
Marvin 19