Andreas Reinhold / reiniandClaude Opus 5
1e580c573e
Package views now write <x-livewire-material::button>, so a configured prefix (which Blade spells <x-m::button>) and an application component of the same name can no longer break or shadow them. The showcase rewrites its examples to the configured prefix. Adds the README, and waits for the adaptive rail to hear a resize before the navigation tests press its menu button. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01V9NnLxnPp8vaaurb3Z1MFy
27 lines
912 B
PHP
27 lines
912 B
PHP
{{-- A form: its fields in one column, and its actions at the foot.
|
|
|
|
`gap-4` between fields, because a text field floats its label half above its outline: any less
|
|
and the hint under one field runs into the label of the next. The `actions` slot takes a class
|
|
of its own; `separator` draws a divider above it.
|
|
|
|
`grid-cols-1`, because a bare `grid` has no columns and its implicit one floors at the
|
|
content's min-content: on a phone a wide field would push the form past its column. --}}
|
|
|
|
@props([
|
|
'separator' => false,
|
|
])
|
|
|
|
<form {{ $attributes->class(['grid grid-cols-1 auto-rows-min gap-4']) }}>
|
|
{{ $slot }}
|
|
|
|
@isset($actions)
|
|
@if ($separator)
|
|
<x-livewire-material::divider />
|
|
@endif
|
|
|
|
<div {{ $actions->attributes->class(['flex flex-wrap items-center justify-end gap-2']) }}>
|
|
{{ $actions }}
|
|
</div>
|
|
@endisset
|
|
</form>
|