Expert-Slot

Motivation

KoliBri

stellt in sich geschlossene und barrierefreie Komponenten bereit und lässt hierzu die „Befüllung“ der Komponenten i. d. R. nur über die Properties der Komponenten zu. Alle von außen eingehenden Property-Werte werden validiert und auf den internen State gemappt.

Hierdurch behalten wir die Kontrolle über die Komponenten und deren semantische Konstruktion.

Um jedoch die Wiederverwendbarkeit von

KoliBri

weiter zu verbessern, werden wir die Flexibilität durch einen sogenannten Experten-Modus erweitern. Der Experten-Modus definiert den Punkt, wo der Experte oder die Expertin mehr Gestaltungsraum innerhalb der Komponente erhält und dafür im Gegenzug die Verantwortung für die Barrierefreiheit übernimmt.

"Expert"-Slot

Mittels dem „Expert“-Slot kann die interne Konstruktion einiger Komponenten „überschrieben“ werden. Gegebenenfalls ist es erforderlich an der Komponente, die regulär geforderten Property-Werte auf leer zu setzen.

Komponentenliste

Komponente	Verfügbar ab	Slot-Name	Ohne Slot-Name
Badge	-	expert
Button	1.1.10	expert
ButtonLink	1.1.15	expert
ButtonToggle	-	expert
Heading	1.3.0	expert |	*
InputCheckbox	-	expert |	*
InputDate	-	expert |	*
InputEmail	-	expert |	*
InputNumber	-	expert |	*
InputPassword	-	expert |	*
InputRange	-	expert |	*
InputRadio	-	expert |	*
InputText	-	expert |	*
Select	-	expert |	*
Textarea	-	expert |	*
Link	1.1.16	expert |	*
LinkButton	1.1.16	expert |	*
Span	1.1.10	expert
Tooltip	-	expert

^* Der leer Slot-Name wird nur aufgrund der Abwärtskompatibilität bis zu Major-Release 2 unterstützt.

Beispiel

Ein Button wird regulär wie folgt verwendet:

<KolButton _label="Ich bin ein Schalter"></KolButton>

Mit dem Expert-Slot kann der Button jetzt auch so verwendet werden:

Ich bin mehr als nur ein Schalter

<KolButton _label="">
 <span slot="expert">Ich bin mehr als nur ein Schalter</span>
</KolButton>

Über das Property slot="expert" wird ein nachvollziehbarer Übergabepunkt ermöglicht und der Kontext-Wechsel klar definiert.