Appearance
Core Frontend Components
Slider
- Files:
resources/core-components/slider/* - Enqueued automatically on frontend (JS + CSS).
- Used by the
webentor/e-sliderblock.
Editor settings
- Autoplay (speed, control), arrows (inside), pagination (inside), dark mode.
- Responsive: enable/disable per breakpoint, slides per view, space between, centered slides.
Usage
- Insert
Sliderblock and place content inside (e.g., containers, query loops). - No manual JS init required; the core script scans DOM and initializes.
Tip: Keep images consistent heights (via CSS or object-fit) for smoother slides.
Button
- File:
resources/core-components/button/button.blade.php - Reusable frontend Blade component used by
webentor/e-buttonand custom theme views. - Markup-only component; no separate runtime JS init step is required.
Usage
blade
<x-button
title="Learn more"
url="/contact"
classes="btn btn--primary btn--size-medium"
element="a"
:openInNewTab="false"
/>Common options
element: render asaorbutton.buttonType: HTML button type (button,submit) whenelement="button".openInNewTab: addstarget="_blank" rel="noopener noreferrer"for link buttons.dataAttributes: associative array for custom data/alpine attributes.classes: utility/class composition for final component styling.