Skip to content

Home

Jump to bottom
Xaviju edited this page Dec 14, 2015 · 29 revisions

Polymux documentation

Set of components and its status

Colors

A default set of colors palette for apps

  • Primary color
  • Secondary color
  • Text color
  • Success color
  • Warning color
  • Error color

Container

A container is an element that can contain other elements, it can have a color background or borders

Dialog

A floating container, similar to the default container

Navigation bar

Extends container. Its a special container that can contain other components and should have same properties as container has

  • Tab A child component of the navigation, it should have styling defaults and link

Headers

Its a set of titles and subtitles in different sizes in order to create hierarchy. It should be able to be set in colors and weights.

Button

A button can set its color and should have a link address. States

  • Normal: its normal status
  • Focused: When hover
  • Pressed: When the element is pressed
  • Disabled: A disabled button

paragraphs

A paragraph component that can include text and links

Unordered List

An unordered list component.

  • Item A child component of the list

Ordered List

An ordered list component.

  • Item A child component of the list

Form

A container for for elements, it can have a title

Input Field

Its a common text field, it should show an error message on error. States

  • Normal: default status
  • Focused: When user is focusing
  • Disabled: When disabled
  • Password: A password input
  • Email: An email input

Checkbox

A checkbox button with a label.

  • Default: Unchecked
  • Checked
  • Disabled
  • Focused: On hover
  • Pressed

Switch

  • Default: Unchecked
  • Checked
  • Disabled
  • Focused: On hover
  • Pressed

Radio

A radio button with a label. Radio buttons should interact amongst themselves (id?, name?)

  • Default: Unchecked
  • Checked
  • Disabled
  • Focused: On hover
  • Pressed

Radio

A radio button with a label. Radio buttons should interact amongst themselves (id?, name?)

  • Default: Unchecked
  • Checked
  • Disabled
  • Focused: On hover
  • Pressed

Range

A range selector. It should be able to edit the default range.

Spinner

A loading component for elements with a long loading times

Progress bar

Shows a progress bar, its loading value should be editable

Notification

A notification for fast messages to the users

  • Success
  • Warning
  • Error

Logo

A component for logo or project title

Icons

A component for icons set

  • Icon should be editable
  • Icon set should be included in SVG

Images

A component for random images

Clone this wiki locally