Slider
class Slider extends BeartropyComponent
Slider (slide-over panel) component.
Renders a side panel that slides in from the left or right edge of the
viewport. Uses Alpine.js for state, x-trap for focus trapping, and
supports both event-based ($dispatch('open-slider', 'name')) and
Livewire (wire:model) control.
Traits
Trait HasPresets.
Trait HasErrorBag.
Properties
| string|null | $size | Component size (md, lg, etc.) used for preset resolution. |
from BeartropyComponent |
| bool | $show | Initial visibility (usually controlled via wire:model). |
|
| string|null | $name | Unique name for event-based triggers (open/close/toggle-slider). |
|
| string|null | $color | Color preset for close button styling. |
|
| string|null | $title | Panel header title text. |
|
| string | $side | Side to slide from: 'left' or 'right'. |
|
| bool | $backdrop | Show semi-transparent backdrop overlay. |
|
| bool | $blur | Apply blur effect to the backdrop. |
|
| string | $maxWidth | Tailwind max-width classes for the panel. |
|
| string | $headerPadding | Tailwind padding classes for the header. |
|
| string | $bodyPadding | Tailwind padding classes for the body. |
|
| bool | $static | When true, backdrop click does not close the slider. |
Methods
Compute component presets based on context.
No description
No description
No description
No description
No description
No description
No description
No description
No description
Determine the error state for a specific field.
Analyze wire:model attributes to determine binding state.
Resolve the size preset for the component.
Create a new Slider component instance.
Get the view / contents that represent the component.
Details
in
HasPresets at line 21
array
getComponentPresets(string|null $componentName = null, ComponentAttributeBag|null $attributes = null)
Compute component presets based on context.
in
HasPresets at line 59
protected array
loadPresets(string $componentName)
No description
in
HasPresets at line 73
protected array
loadComponentDefaults(string $componentName)
No description
in
HasPresets at line 88
protected bool
detectHasVariants(array $colors)
No description
in
HasPresets at line 116
protected array
computeSupports(array $sizes, array $colorsArray, array $defaults, array $magicProps)
No description
in
HasPresets at line 137
protected array
resolveSize(array $supports, array $sizes, array $defaults, array $magicProps)
No description
in
HasPresets at line 174
protected array
resolveVariant(array $supports, array $colorsArray, array $componentPresets, array $defaults, array $magicProps, bool $hasVariants)
No description
in
HasPresets at line 223
protected array
resolveColor(array $supports, array $colorsArray, array $componentPresets, array $defaults, array $magicProps, string|null $variant, bool $hasVariants)
No description
in
HasPresets at line 293
protected array
resolveFill(array $supports, array $attributes, array $defaults)
No description
in
HasPresets at line 338
protected string
buildCacheKey(string $component, array $supports, string|null $size, string|null $variant, string|null $color, bool $shouldFill)
No description
in
HasPresets at line 349
protected void
syncInstanceProps(array $supports, string|null $size, string|null $variant, string|null $color)
No description
in
HasPresets at line 365
protected array
buildPresetNames(array $supports, string|null $size, string|null $variant, string|null $color, bool $shouldFill, string $sizeOrigin, string $variantOrigin, string $colorOrigin, string $fillOrigin)
No description
in
HasPresets at line 384
protected void
debugWarnings(array $supports, array $sizePreset, array $colorPreset, string $componentName, string|null $variant, string|null $color)
No description
in
HasErrorBag at line 24
array
getErrorState(ComponentAttributeBag|null $attributes = null, ViewErrorBag|MessageBag|null $errors = null, string|null $error = null)
Determine the error state for a specific field.
Checks both the session error bag and specific error attributes.
Looks up errors by wire:model value or name attribute.
in
BeartropyComponent at line 33
array
getWireModelState(ComponentAttributeBag|null $attributes = null)
Analyze wire:model attributes to determine binding state.
Detects if wire:model is present and if it uses dot notation (e.g., user.name).
in
BeartropyComponent at line 64
array
getSizePreset(string|null $componentName = null, array|ComponentAttributeBag|null $attributes = null, string $defaultSize = 'md')
Resolve the size preset for the component.
Checks:
- Explicit
$this->size. - Magic attributes (e.g.,
<x-button sm />). - Default size.
at line 48
__construct(bool $show = false, string|null $name = null, string|null $color = null, string|null $title = null, string $side = 'right', bool $backdrop = true, bool $blur = true, string $maxWidth = 'max-w-xl 2xl:max-w-4xl', string $headerPadding = 'px-4 py-3 sm:px-6', string $bodyPadding = 'p-4', bool $static = false)
Create a new Slider component instance.
at line 67
View
render()
Get the view / contents that represent the component.