Postavitev

Pripomoček za harmoniko

Komponenta harmonike Bootstrap 5 z zložljivimi deli. Popoln za pogosta vprašanja, sezname funkcij in združeno vsebino. Podpira slog izpiranja, ikone in vedno odprt način.

Osnovna harmonika

Standardna harmonika z več zložljivimi deli.

Koda
<?php echo AccordionWidget::widget([ 'items' => [ ['title' => 'Section 1', 'content' => 'Content...', 'expanded' => true], ['title' => 'Section 2', 'content' => 'Content...'], ], ]); ?>
Demo v živo

This is a production-ready Yii2 application template with authentication, RBAC, multi-language support, and advanced features.

Features include user authentication, admin panel, content management, events system, e-commerce, booking, CRM, and much more.

Clone the repository, run composer install, configure your database, and run the migrations. Check the README for detailed instructions.

Pogosta vprašanja z ikonami

Harmonika oblikovana kot pogosta vprašanja z ikonami vprašanj.

Koda
<?php echo AccordionWidget::widget([ 'items' => [ ['title' => 'Question?', 'content' => 'Answer...', 'icon' => 'fas fa-question-circle'], ], ]); ?>
Demo v živo

Click the "Forgot Password" link on the login page and follow the email instructions.

Navigate to your profile and click on the "Orders" tab to view all your orders.

Use the contact form on the Contact Us page or email support@example.com.

Flush Style

Harmonika brez robov s stilom poravnave.

Koda
<?php echo AccordionWidget::widget([ 'flush' => true, 'items' => [...], ]); ?>
Demo v živo

Manage your profile information and preferences.

Change your password and manage security settings.

Configure your notification preferences.

Vedno odprt način

Več razdelkov je mogoče razširiti hkrati.

Koda
<?php echo AccordionWidget::widget([ 'alwaysOpen' => true, 'items' => [...], ]); ?>
Demo v živo

General information about the feature.

How to configure and customize.

Advanced tips and tricks.

Možnosti konfiguracije

MožnostVrstaPrivzetoOpis
itemsarray[]Elementi harmonike (naslov, vsebina, razširjeno, ikona itd.)
flushboolfalseUporabite poravnan (brez robov) slog
alwaysOpenboolfalseDovolite odprtje več razdelkov hkrati
translatebooltruePrevedite naslove in vsebino