Notes should be used to grab a user’s attention along side of other content.
.noteUsed to display notes, tips, and other non-critical information.
Ten other people are also viewing tickets for this flight.
Use the code Travel_Light_2017 before you book your flight.
.note-infoUseful when drawing attention to non-critical information or actions we want the user to take.
Ten other people are also viewing tickets for this flight.
Use the code Travel_Light_2017 before you book your flight.
.note-successUseful when drawing attention to interactions that have produced successful results.
Pack your bags! You’ll be on the next flight to Hawaii.
Use the code Travel_Light_2017 on your next flight. In the meantime you can invite a friend to this flight.
.note-warningUseful when drawing attention to critical information.
There are only 2 seats left on this flight! We recommend to book your tickets as soon as possible.
Use the code Travel_Light_2017 before you book your flight.