01. Logos (Commercial & Residential)

  • Mohawk Xchange
  • Mohawk Xchange
  • Mohawk Xchange
  • Mohawk Xchange
  • Mohawk Xchange

02. TYPEFACE (Commercial & Residential)

H1 – Proxima Nova Semibold (30 px)

H2 Page Title – Proxima Nova Regular Caps (20 px)

H3 Section Title – Proxima Nova Semibold (18 px)

H4 Filter Title – Proxima Nova Semibold (16 px)

Search, Field, Body Copy – Proxima Nova Regular (16 px)

Header Name

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

03. FIELDS

SEARCH

  • Search Control

  • Search Control Disabled

Events
(change)On change value
(input)On input
(keypress)On Keypress
(keydown) On Keydown
(keyup)On keyup
Attributes
valueDefault value for control.
disabledtrue / false.
placeholderplaceholder for search control.

TEXT FIELD

  • Empty Input Control Disabled

  • Input Control Disabled

  • Input Control Error

Dropdown

04. BUTTONS






04.a) BUTTONS



05. OWL-CAROUSEL

For more info/documentation visit : ngx-owl-carousel-o

06. CUSTOM ICONS

  • Search Control

  • Attributes
    iconicon image name. Default is "user"
    bgColorbackground color. default is "#fff"
    borderRadiusborder radius. default is "100%"
    width icon outer width. default is "44px"
    height icon outer height. default is "44px"
    iconExt icon image ext. default is ".svg"
    path icon image path. default is "/assets/images/icons/"

08. Checkboxes

  • Left Control

    Right Control

  • Left Control

    Right Control

09. Tabs

  • Tab 1 content

    For more info/documentation visit : Tabs Doc

    Tab 2 content Tab 3 content

10. Date Picker

  • Date Picker

    Date Range Picker

    For more info/documentation visit : Tabs Doc

11. Data Tables

13. Icon Buttons

14. Collapse