Aileron’s library of components is currently being developed. Check back often for updates. If a component you need is not listed here or is not marked as Complete and you want to get involved, reach out to the Aileron development team by opening an Aileron GHE Issue.
Status legend: : Complete : Not started : In progress
| Name | aa.com | iOS | Android | SSM |
|---|---|---|---|---|
| Badges |
UX
UI
Core
ACL
Docs
|
UX
UI
|
UX
UI
|
UX
UI
Core
Docs
|
| Button |
UX
UI
Core
|
UX
UI
|
UX
UI
|
UX
UI
Docs
|
| Large callout |
UX
UI
Core
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
| Small callout |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
| Card |
UX
UI
Core
|
|||
| Checkboxes |
UX
UI
Core
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
| Dialog |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
| Divider |
UX
UI
Core
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
| Error summary |
UX
UI
Core
ACL
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
Docs
|
| Footer |
UX
UI
Core
Docs
|
|||
| Forms (+ required legend) |
UX
UI
Core
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
Docs
|
| Header |
UX
UI
Core
Docs
|
|||
| Headings |
UX
UI
Core
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
| Links |
UX
UI
Core
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
| Lists |
UX
UI
Core
|
UX
UI
|
UX
UI
|
UX
|
| Meganav/hamburger menu |
UX
UI
Core
Docs
|
|||
| Notification center |
UX
UI
Docs
|
UX
UI
Docs
|
||
| Radio buttons |
UX
UI
Core
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
| Select/combo-box |
UX
UI
Core
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
|
| Slider |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| Table |
UX
UI
Core
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
| Name | aa.com | iOS | Android | SSM |
|---|---|---|---|---|
| Ad container |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| Airport lookup |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| Back button |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
Docs
|
| Breadcrumb |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| Button group |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| Button row |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
| Captcha |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| Carousel (slideshows + dates) |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| City pair |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| Cost summary |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| Currency |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| Datepicker |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| Expander/accordion |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| Fare grid |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| File uploader |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| Filter toolbar |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| Flight card |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| Flight tracker |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| Graphs |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| In progress card |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| Incrementer |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| Member profile (AAdvantage) |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| Pillbox toggles |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| Progress indicator |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| Ribbons |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| Seat map |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| Session timeout |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| Shelf |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| Spinner |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| Step indicator |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| Stepper |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| Tablecloth |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| Tabs |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| Telephone (country code + number) |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| Terms & conditions |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| Textarea character counter |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| Toolbar |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
| Tooltip |
UX
UI
Core
ACL
Docs
|
UX
UI
Docs
|
UX
UI
Docs
|
UX
UI
Core
ACL
Docs
|
UX: Digital Customer Experince (DCX) designs, specs, usage guidance, and A11y guidance defined
UI: HTML, CSS, JavaScript and A11y implementation solutions defined
Core: CSS has been made part of the Core CSS library
ACL: An Angular component has been made part of the Angular component library
Docs: Documentation has been added in Aileron and GHE repos