leonardohipolito/blade-class-props

轻松将Blade组件属性转换为类

维护者

详细信息

github.com/leonardohipolito/blade-class-props

主页

源代码

问题

安装: 34

依赖: 0

建议者: 0

安全: 0

星标: 1

关注者: 1

分支: 0

开放问题: 0

dev-main 2023-08-15 14:15 UTC

Requires

Requires (Dev)

MIT d7fb3915e78b8f05995e716017b5019299460d23

  • Leonardo Hipolito <leonardohipolito.dev.woop@gmail.com>

laravelleonardohipolitoblade-class-props

This package is auto-updated.

Last update: 2024-09-08 13:50:37 UTC

README

Latest Version on Packagist GitHub Tests Action Status GitHub Code Style Action Status Total Downloads

这里应该放置你的描述。限制在一两段之内。考虑添加一个小示例。

安装

您可以通过Composer安装此包

composer require leonardohipolito/blade-class-props

用法

// .../views/components/button.blade.php

<div {{$attributes->classProps(['lg'=>'class-1 class-2','md'=>'class-3'], 'md')}}>
    {{$slot}}
</div>

//or

<div {{$attributes->classProps(['lg'=>'class-1 class-2','md'=>'class-3'])}}>
    {{$slot}}
</div>

//or 
<button {{$attributes
    ->classProps([
        'xs'=>fn($c)=>$c->has('outline')?'text-primary-500':'bg-primary-500 text-white',
        'md'=>'button-md'
    ],'md')
    ->classProps([
        'outline'=>'bg-transparent'
    ])
}}>
    {{$slot}}
</button>

现在您可以使用您的组件了

<x-button lg>Test</x-button>
<x-button :lg="fn():bool=>true">Test</x-button>

输出

<div class="class-1 class-2">
    Test
</div>

测试

composer test

更新日志

有关最近更改的更多信息，请参阅更新日志。

安全漏洞

请查看我们的安全策略，了解如何报告安全漏洞。

致谢

许可证

MIT许可证（MIT）。有关更多信息，请参阅许可证文件。