.03 components

Iris 2 Components

Iris 2 is the collection of components and component documentation within the Alkami Design Language. This is the "what" and "how".

Components
Roadmap
Account
Account
Avatar
Avatar
Badge
Badge
Bottom Sheet
Bottom Sheet
Button
Button
Card
Card
Checkbox
Checkbox
Chip
Chip
Cloaked Checkmark
Cloaked Checkmark
Coach Tip
Coach Tip
Collapsible
Collapsible
Date
Date
Date Picker
Date Picker
Display Text Field
Display Text Field
Divider
Divider
Dropdown
Dropdown
Floating Action Button (FAB)
Floating Action Button (FAB)
Legend
Legend
List
List
Mobile Top Bar
Mobile Top Bar
Modal
Modal
Notification
Notification
Number Pad
Number Pad
Pagination
Pagination
Progress Indicators
Progress Indicators
Quick Action Button
Quick Action Button
Radio Button
Radio Button
Search Field
Search Field
Shortcut Bar
Shortcut Bar
Side Sheet
Side Sheet
Slider
Slider
Surfaces
Surfaces
Switch
Switch
Switchboard
Switchboard
Table
Table
Text Fields
Text Fields
Tooltip
Tooltip
Component Name
Design Status
Vue
Flutter
Note
Account
Approved — Ready for dev

Avatar
Approved — Ready for dev

Badge
Approved — Ready for dev

Bottom Sheet
Approved — Ready for dev

Button
Approved — Ready for dev

Card
Approved — Ready for dev

Checkbox
Approved — Ready for dev

Chip
Approved — Ready for dev

Cloaked Checkmark
Approved — Ready for dev

Coach Tip
Approved — Ready for dev

Collapsible
Approved — Ready for dev

Date
Approved — Ready for dev

Date Picker
Planned

Display Text Field
Approved — Ready for dev

Divider
Approved — Ready for dev

Dropdown
Approved — Ready for dev

Floating Action Button (FAB)
Planned

Legend
Approved — Ready for dev

List
Approved — Ready for dev

Mobile Top Bar
In progress

Modal
Approved — Ready for dev

Notification
Approved — Ready for dev

Number Pad
Approved — Ready for dev

Pagination
Approved — Ready for dev

Progress Indicators
Approved — Ready for dev

Quick Action Button
Approved — Ready for dev

Radio Button
Approved — Ready for dev

Search Field
Planned

Shortcut Bar
Approved — Ready for dev

Side Sheet
Approved — Ready for dev

Slider
Planned

Surfaces
Approved — Ready for dev

Switch
Approved — Ready for dev

Switchboard
Approved — Ready for dev

Table
Approved — Ready for dev

Text Fields
Approved — Ready for dev

Tooltip
Approved — Ready for dev