Package Examples

A set of package examples help developer get started with Fireball package creating.

Related repos:

Package Basics

You should read the following docs to learn how to create package for Fireball:

To see these examples in action, first you need to launch Package Studio:

# In Fireball repo folder
gulp package-studio

Then click Examples in main menu, you'll see a list of examples. Click each one to open the example panel and see how it works.

Simple The bare bone package without any functionality. Can be used as a template to create new packages.
List View A list view that loads data from local file and populate the list with item template.
Run Command A command runner receive command input from panel and run command on core-level, then send the stdout data back to panel for logging.
Confirm Close When close a package panel, opens a native dialog and respond to user action. See Electron's dialog docs for details.
Grid A scalable/pan-able grid system, using pixi-grid widget from builtin packages.
Life Cycle Demonstrate how custom element life cycle works by logging at key life cycle callback functions.
Selection Demonstrate mouse drag selection and multi selection in a list.
Shortcuts Demonstrate keyboard shortcuts event trigger and bubbling. Shortcuts are defined in package.json.