Layout

<livewire:statamic-form> builds forms by:

  1. Generating a card for each section of your form blueprint.

  2. Laying out components according to the blueprint, and especially the blueprint's field width.
    For narrow screens, a row with several input fields in it may be broken down into several rows.

This configuration

Layout
100%
50%
25%
25%
66%
33%

renders as the below form, which on wide screen is an exact copy (you can test it while on full screen or while on a narrow window).

Layout Check the layout matches the blueprint

Full width input
Half width input
Quarter width input
Two-third width select
Third width select