Preview
Email addressPassword *
Usage
Props
string
The label text. Can also use the slot instead.
bool
default:"false"
Shows a red asterisk (*) after the label text.
Examples
Basic Label
Username
Required Field
Email *
Documentation Index
Fetch the complete documentation index at: /llms.txt
Use this file to discover all available pages before exploring further.
Form field label with optional required indicator
<x-shopper::label for="email" value="Email address" />
<x-shopper::label for="username" value="Username" />
<x-shopper::label for="email" value="Email" :isRequired="true" />
<x-shopper::label for="name">
Full Name
</x-shopper::label>
<div>
<x-shopper::label for="email" value="Email" :isRequired="true" />
<x-shopper::forms.input
type="email"
name="email"
id="email"
class="mt-1"
/>
</div>
@props([
'value',
'isRequired' => false,
])
<label {{ $attributes->twMerge(['class' => 'block font-medium text-sm text-gray-700 dark:text-gray-300']) }}>
{{ $value ?? $slot }}
@if ($isRequired)
<span class="text-red-500">*</span>
@endif
</label>