Auro Playground
  • Basic
    • Button
    • Basic Hyperlink
  • Advanced
    • Cards
    • Flight
Examples

Auro Flight Example

Auro flight is a more complicated example, using two components together to create a flight itinerary.

Usage

<script type="module">
    import '@aurodesignsystem/auro-flight';
    import '@aurodesignsystem/auro-flightline';
</script>

<auro-flight
    flights='["AS 880"]'
    duration="350"
    departureTime="2022-05-31T22:55:00-10:00"
    departureStation="KOA"
    arrivalTime="2022-05-30T07:45:00-07:00"
    arrivalStation="SEA">
    <auro-flightline></auro-flightline>
</auro-flight>

How to install

npm install @aurodesignsystem/auro-flight

Then later, in your code:

// To just get a component named 'auro-flight'
import '@aurodesignsystem/auro-flight';

// To use the flightline component as well
import '@aurodesignsystem/auro-flightline';