DOTUI Component Android

Default UI element used in some project in DOT Indonesia. Collaborated with a designer for agreement design with the stylesheet depend on mobile UI/UX per platform

TYPOGRAPHY

• headline
• title
• subheader
• menu
• body_1
• body_2
• caption

COLORS

• colorPrimary
• colorSecondary1
• colorSecondary2
• colorSecondary3
• colorBlack
• colorGrey1
• colorGrey2
• colorGrey3
• colorLightGrey1
• colorLightGrey2

ASSET

Icon

• ic_home
• ic_notification
• ic_blabla

Icon Toolbar

• ic_action_blabla
• ic_action_blabla

COMPONENT

Button

• buttonPrimary
• buttonSecondary1
• buttonSecondary2
• textButton1
• textButton2
• buttonPrimaryIcon
• buttonSecondaryIcon1
• buttonSecondaryIcon2
• textButton1
• textButton2
• buttonDisabled

Text Fields

• editTextPrimary
• editTextSecondary1
• editTextSecondary2
• editTextPrimaryIcon
• editTextSecondaryIcon1
• editTextSecondaryIcon2
• editTextDisabled

List

• itemListPrimary
• itemListSecondary1
• itemListSecondary2

dialog

• dialogAlert
• dialogInfo
• dialogConfirmation

Referensi: https://material.io/design/components/buttons.html#contained-button