Created
June 16, 2024 13:19
-
-
Save shanerbaner82/31a3deb3f32a55756bfb3d6b51e972f2 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@props([ | |
'leadingAddOn' => false, | |
]) | |
<div class="flex rounded-md shadow-sm"> | |
@if ($leadingAddOn) | |
<span class="inline-flex items-center px-3 rounded-l-md border border-r-0 border-gray-300 bg-gray-50 text-gray-500 sm:text-sm"> | |
{{ $leadingAddOn }} | |
</span> | |
@endif | |
<input type="email" {{ $attributes->merge(['class' => 'block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm' . ($leadingAddOn ? ' rounded-none rounded-r-md' : '')]) }}/> | |
</div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment