Home

Polymux documentation

Set of components and its status

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

Combo

A default dropdown list, it should include component OPTION inside and it has to be able to interact with other (Not sure how to do this yet) It could include a link option in options to link to other pages.

• Option: Child component. A default option label in a dropdown list.