# Vertical Example

An example of the `vertical` layout helper.

This example uses the `vertical` layout helper to arrange a series of `PushButton` widgets in a vertical layout. No constraints are placed on the horizontal position of the `PushButton` widgets so their horizontal location in this example is non-deterministic.

Tip

To see this example in action, download it from `vertical` and run:

    $ enaml-run vertical.enaml

## Screenshot

## Example Enaml Code

    #------------------------------------------------------------------------------
    # Copyright (c) 2013-2025, Nucleic Development Team.
    #
    # Distributed under the terms of the Modified BSD License.
    #
    # The full license is in the file LICENSE, distributed with this software.
    #------------------------------------------------------------------------------
    """ An example of the `vertical` layout helper.

    This example uses the `vertical` layout helper to arrange a series of
    `PushButton` widgets in a vertical layout. No constraints are placed
    on the horizontal position of the `PushButton` widgets so their
    horizontal location in this example is non-deterministic.

    << autodoc-me >>
    """
    from enaml.layout.api import vertical
    from enaml.widgets.api import Window, Container, PushButton

    enamldef Main(Window):
        Container:
            constraints = [
                vertical(top, pb1, pb2, pb3, bottom)
            ]
            PushButton: pb1:
                text = 'Spam'
            PushButton: pb2:
                text = 'Long Name Foo'
            PushButton: pb3:
                text = 'Bar'