feat(buttons): add ghost and outline button components with responsive styles
This commit is contained in:
6
themes/lucentui/views/components/button/icon.blade.php
Normal file
6
themes/lucentui/views/components/button/icon.blade.php
Normal file
@@ -0,0 +1,6 @@
|
||||
@props(['label' => null])
|
||||
<button type="button"
|
||||
@if($label) aria-label="{{ $label }}" title="{{ $label }}" @endif
|
||||
{{ $attributes->merge(['class' => 'inline-flex items-center justify-center w-10 h-10 rounded-lg text-base hover:bg-background-secondary/70 hover:text-primary active:scale-95 duration-200 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50 focus:outline-none focus:ring-2 focus:ring-primary/40 transition-all']) }}>
|
||||
{{ $slot }}
|
||||
</button>
|
||||
Reference in New Issue
Block a user