.03 components

Iris Components

Iris is the collection of components and component documentation within the Alkami Design Language. Our Design System is universal across our platform and can be used on Desktop and Mobile.

Component Name
Design Status
Vue
Flutter
Note
Account
Done

Avatar
Done

Badge
Done

Bottom Sheet
Done

Button
Approved — Ready for dev

Card
Approved — Ready for dev

Checkbox
Done

Chip
Done

Cloaked Checkmark
Approved — Ready for dev

Coach Tip
Done

Collapsible
Done

Date
Done

Date Picker
Approved — Ready for dev

Display Text Field
Done

Divider
Done

Dropdown
Approved — Ready for dev

Floating Action Button (FAB)
Done

Legend
Approved — Ready for dev

List
Approved — Ready for dev

Mobile Top Bar
Done

Mobile Webviews
Done

Modal
Done

Notification
Approved — Ready for dev

Number Pad
Done

Pagination
Approved — Ready for dev

Progress Indicators
Done

Quick Action Button
Done

Radio Button
Done

Responsive Sheet
Done

Search Field
Done

Shortcut Bar
Done

Skeleton States
Done

Slider
Approved — Ready for dev

Surfaces
Approved — Ready for dev

Switch
Done

Switchboard
Approved — Ready for dev

Table
Done

Text Fields
Done

Tooltip
Done