Android UI Component in Kotlin

Screen Archetypes

Material Component

Bottom Navigation

• Basic
• ✓ Shifting
• Light
• Dark
• Icon
• Primary
• Map Blue

Bottom Sheet

• Basic
• List
• Map
• Floating
• Full

Buttons

• Basic
• Button in Utilities
• Fab Middle
• Fab More
• Fab More Text

Cards

• Basic
• Timeline
• Overlap
• Wizard
• Wizard Light
• Wizard Overlap

Chips

• Basic
• Tag

Dialogs

• Basic
• Fullscreen
• Custom
• Custom Info
• Custom Warning
• Custom Light
• Custom Dark
• Custom Add Post
• Custom Add Review

Expansion Panels

• Basic
• Invoice
• Ticket

Grid

• Basic
• Single Line
• Two Line
• Sectioned
• Albums
• Caller

Lists

• Basic
• Sectioned
• Animation
• Expand
• Draggable
• Swipe
• Multi Selection

Menu

• Drawer News
• Drawer Mail
• Drawer Simple Light
• Drawer Simple Dark
• Drawer No Icon
• Overflow Toolbar
• Overflow List

Pickers

• ✓ Date Light
• Date Dark
• Time Light
• Time Dark
• Color RGB
• Location

Progress & Activity

• Basic
• Linear Center
• Linear Top
• Circle Center
• On Scroll
• Pull Refresh
• Dots Bounce
• Dots Fade
• Dots Grow

Sliders

• Light
• Dark
• Color Picker

Snackbars & Toasts

• Basic
• Lift FAB

Steppers

• Text
• Dots
• Progress
• Vertical
• Wizard Light
• Wizard Color

Tabs

• Basic
• Store
• Light
• Dark
• Icon
• Text & Icon
• Icon Stack
• Scroll
• Round

Form

• Login
• Sign Up
• Profile Data
• With Icon
• Text Area

Toolbars

• Basic
• Collapse
• Collapse And Pin
• Light
• Dark