Komponente uporabniškega vmesnika

Pripomoček za temo

Dokumenti o funkcijah

Prilagodljiv pripomoček za preklop tem, ki podpira svetle, temne in sistemske nastavitve. Na voljo v več vrstah prikaza: plavajoči gumb, spustni meni, preklopno stikalo in segmentirani nadzor.

Plavajoči gumb (privzeto)

Plavajoči gumb s fiksnim položajem, običajno v kotu zaslona.

Koda
<?php echo ThemeWidget::widget(); ?>
Demo v živo
☀️ Svetloba
🌙 Temno
💻 Sistem

Spustni meni

Slog spustnega menija Bootstrap, odličen za glave in vrstice za krmarjenje.

Koda
<?php echo ThemeWidget::widget([ 'type' => 'dropdown', 'showLabels' => true, ]); ?>
Demo v živo

Preklopno stikalo

Preprosto preklapljanje med svetlim in temnim načinom (brez sistemske možnosti).

Koda
<?php echo ThemeWidget::widget([ 'type' => 'toggle', 'showLabels' => true, ]); ?>
Demo v živo

Segmentirani nadzor

Segmentiran nadzor v slogu iOS-a, ki prikazuje vse tri možnosti.

Koda
<?php echo ThemeWidget::widget([ 'type' => 'segmented', 'showLabels' => true, ]); ?>
Demo v živo

Možnosti konfiguracije

MožnostVrstaPrivzetoOpis
typestringfloatingVrsta prikaza: lebdeči, spustni, preklopni, segmentirani
positionstringbottom-rightPoložaj za lebdeči tip: spodaj desno, spodaj levo, zgoraj desno, zgoraj levo
sizestringmediumVelikost: majhna, srednja, velika
shapestringcircleOblika za lebdenje: krog, kvadrat, zaobljeno
showLabelsbooltruePokaži besedilne oznake poleg ikon
iconsarray['light' => '☀️', ...]Ikone po meri na temo
labelsarray['light' => 'Light', ...]Oznake po meri na temo