Chips mit Farbfüllung
Chips, die sich von der Mitte aus mit Farbe füllen und beim Auswählen kurz federn.
Einstellungen
Code
<div class="uv-fcf"><button class="on"><i></i><b>Alle</b></button><button><i></i><b>Design</b></button><button><i></i><b>Code</b></button><button><i></i><b>Fotos</b></button><button><i></i><b>Video</b></button></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Filter
Wofür du ihn nutzen kannst
Stell dir einen Rezeptblog vor, auf dem Leser zwischen Vorspeisen, Hauptgerichten, Desserts und schnellen Feierabendessen wechseln. Die Farbe, die sich aus der Mitte des Chips ausbreitet, gibt jedem Tippen eine kleine Rückmeldung, fast wie bei einem echten Knopf. Gut geeignet, wenn du Kategorie-Chips oder einen CSS-Filterbutton mit etwas Charakter suchst.
Das Federn macht den Reiz aus, auf einer Seite mit sehr vielen Chips wirkt es aber schnell unruhig. Nimm die Geschwindigkeit etwas zurück und bleib bei einer kräftigen Akzentfarbe. Neben Food-Fotos passt ein warmer Ton meist besser als kühles Blau.