Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[8.x] Conditionally merge attributes into a Blade Component attribute bag #36148

Closed
wants to merge 3 commits into from
Closed

Conversation

mertasan
Copy link
Contributor

@mertasan mertasan commented Feb 4, 2021

This is inspired by PR. #36131

A few examples:

<div {{ $attributes->class(['p-4', 'bg-red' => $hasError])->merge() }}>
<div {{ $attributes->class('p-4')->merge() }}>
<a {{ $attributes
               ->class('p-4')
               ->href([
                    '/login' => auth()->guest(),
                    '/logout' => !auth()->guest(),
               ])
              ->merge()
}}>
<a {{ $attributes
               ->class('p-4')
               ->href([
                    route('login') => auth()->guest(),
                    route('logout') => !auth()->guest(),
               ])
              ->merge()
}}>
<a {{ $attributes
               ->class('p-4')
               ->style([
                    'width: 100%',
                    'display:block' => !$isMobile,
                    'display:flex' => $isMobile
               ])
              ->merge()
}}>

Component:

<button {{ $attributes
              ->class('p-4')
               ->id([
                   'btndownload' => $isUser
               ])
               ->dataAttr('type', [
                    'none' => !$isUser,
                    'download' => $isUser
               ])
              ->merge()
}}>
{{ $slot }}
</button>

View:

<x-button class="hello">...</x-button>

Output:

<button class="hello p-4" data-type="none">...</button>
<!-- or -->
<button class="hello p-4" id="btndownload" data-type="download">...</button>

Reference: HTML Attribute Reference

@taylorotwell
Copy link
Member

Thanks for your pull request to Laravel!

Unfortunately, I'm going to delay merging this code for now. To preserve our ability to adequately maintain the framework, we need to be very careful regarding the amount of code we include.

If possible, please consider releasing your code as a package so that the community can still take advantage of your contributions!

If you feel absolutely certain that this code corrects a bug in the framework, please "@" mention me in a follow-up comment with further explanation so that GitHub will send me a notification of your response.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants