Airframe
GitHub
Storybook
Skip to bottom of side nav
develop
Getting Started
Building your first page
BAgel helper
BAgel QA Process
Browser Support
Multilingual support
Single page applications
QA getting started
Accessibility acceptance criteria
React 18 and 19 compatibility
Upgrading an existing app to use BAgel
CSS Utilities
Show hide
Visually hidden text
Release Guides
BAgel 2 Release Guide
BAgel 3 Release Guide
Versioning Policy
Skip to top of side nav
React 18 and 19 compatibility
Skip ahead to...
TLDR
Using react 18 you can use 35/65 BAgel components, and with react 19 you can use all components
Compatibility table
Component
React 18
React 19
ba-accordion
ba-button
ba-card
ba-card-promo
ba-card-segmented
ba-chart-price
ba-checkbox
ba-checkbox-card
ba-checkbox-list
ba-content
ba-copy-to-clipboard
ba-date
ba-details
ba-download
ba-filter
ba-filter-checkbox
ba-filter-radio
ba-flex
ba-flight-details
ba-flight-line
ba-flight-number
ba-footer
ba-form
ba-form-group
ba-form-group-dropdown
ba-grid
ba-header-global
ba-hero
ba-icon
ba-image
ba-inline-list
ba-input-date
ba-input-datepicker
ba-input-email
ba-input-number
ba-input-password
ba-input-phone-number
ba-input-stepper
ba-input-text
ba-input-textarea
ba-input-typeahead
ba-input-upload
ba-link
ba-link-back
ba-link-entry
ba-link-price
ba-loading-page
ba-loading-skeleton
ba-logo
ba-media-object
ba-message
ba-message-global
ba-page-segment
ba-radio
ba-radio-card
ba-radio-group
ba-select
ba-sort
ba-star-rating
ba-tag
ba-tab-chip
ba-toolbar
Designing
Developing
Components
BAgel helper
QA process
britishairways.com
Careers
Cookie policy