A set of modern UI components

Jewel is a themeable and responsive set of user interface components for Apache Royale to help you quickly build the front end of your applications with ActionScript & MXML.

It’s based by design on Basic components. But while Basic is very strict with concepts like PAYG, in Jewel, while PAYG is important, when necessary we prioritize other things like responsiveness, themes and look and feel.

Browser Support

Jewel works on the following browser and device versions:

  Browser Minimun Version Release Date
Desktop Google Chrome 44+ July,21, 2015
  Mozilla Firefox 34+ Dec, 1, 2014
  Apple Safari 11.1+(High Sierra) Feb, 22 2018
  Microsoft Edge 15+  
  Microsoft IE 11+  
Mobile iOS SafariMobile 11.0+ Sep, 19, 2017
  Android 5.0 2014
  Windows Mobile    

(*) This list can change depending on evolution and completion of the different components, but normally it should remain in this state.

Thanks to Browserstack we created the list of minimum browser versions (*) where Apache Royale Jewel works consistently

Generated Javascript Output

For the browsers, Apache Royale generates ECMAScript version 5 (ES5) standard JavaScript to ensure applications are compatible with a wide range of available browsers, including Microssoft Internet Explorer 11 (IE11).


If the component name is a link, you can click it to see more information about the component. We will update this list as we add information.

Type Name Description Available SDK State
Containers ButtonBar Container that displays a series of buttons 0.9.7 Complete
  Card Container that surrounds other components 0.9.4  
  Grid Container that uses Grid Layout and needs other immediate children to work as cells and host content. 0.9.4 Complete
  SimpleTable A basic HTML table that can be declared in MXML 0.9.4 Complete
  Table A complex HTML table element filled from a data source. Cells are ItemRenderers. 0.9.4 In Progress
  TabBar   0.9.4 Complete
  TabBarContent A container to use with TabBar and capable of presenting organized content 0.9.4 Complete
  Wizard 11.0+ 0.9.4 Complete
Components Alert Displays a message and one or more buttons in a view that pops up over all other controls and views. 0.9.4 Complete
  Button A commonly-used rectangular button with a text label. Users can click or tap it to take an action. 0.9.4 Complete
  CheckBox Consists of a box that can contain a check mark and an optional label. 0.9.4 Complete
  ComboBox   0.9.4 Complete
  DataGrid   0.9.7  
  DateChooser   0.9.4 Complete
  DateField   0.9.4 Complete
  DropDownList   0.9.4 Complete
  Form   0.9.4 Complete
  FormItem   0.9.4 Complete
  Icon   0.9.4 Complete
  Image   0.9.4 Complete
  Label Used for single or multi lined text labels 0.9.4 Complete
  List   0.9.4 Complete
  NumericStepper   0.9.4  
  PopUp   0.9.4 Complete
  RadioButton Lets the user make a single choice within a set of mutually exclusive choices 0.9.4 Complete
  HSlider   0.9.4 Complete
  VSlider   0.9.6 Complete
  SnackBar   0.9.4 Complete
  TextInput A control for single-line text field. 0.9.4 Complete

Jewel Themes

Jewel Themes