<div class="ui-stack" data-gap="6">
<.select field={Field::named("order[fruit]", "banana")} heading="Fruits" options={options([("apple", "Apple"), ("banana", "Banana"), ("blueberry", "Blueberry"), ("grapes", "Grapes"), ("pineapple", "Pineapple")])} disabled={vec!["grapes".to_owned()]} />
<.select field={Field::named("order[size]", "")} placeholder="Choose a size" size="sm" options={options([("s", "Small"), ("m", "Medium"), ("l", "Large")])} />
</div>