Default

The default ticket positions its stub content to the right of the main content.

Vertical

The stub can be positioned to the bottom as well.

Without padding

For full flexibility, you can opt to remove the default padding.

                                                
                                                import BpkTicket from '@skyscanner/backpack-web/bpk-component-ticket';
                                                
                                                export default () => (
                                                  <BpkTicket stub="Lorem ipsum dolor sit amet.">
                                                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean
                                                    commodo ligula eget dolor. Aenean massa. Cum sociis natoque
                                                    penatibus et magnis dis parturient montes, nascetur ridiculus mus.
                                                  </BpkTicket>
                                                );