Wie erstellt man einen Text Button, der die Formatierung nicht verschiebt.
Ich möchte folgende Felder linksbündig ausgerichtet haben:
<ftui-button [(value)]="test" color="current" fill="none" slot="start">Pool</ftui-button>
<ftui-label slot="start">LED</ftui-label>
Mit dem Button klappt das leider nichts so recht, weil im Hintergrund noch der transparente Rahmen Platz für sich beansprucht.
Was gibt es für Möglichkeiten das anzupassen. Es soll beides richtig links beginnen.
@stefan-dd
Mit Hilfe von CSS-Variablen kann man den linken bzw. rechten Rand beim Button-Text beeinflussen.
Linken sowie rechten Rand elimieren:
style="--padding-start:0em; --padding-end:0em;"
Im Screenshot entspricht die rote Darstellung mit Rand, die grüne ohne Rand.