Mini Widgets

Icon

1.2.0

Custom Icon

Jeder Kunde erhält zum Start seiner Lizenz ein Standard Icon-Set. Solltest du mehr Icons benötigen, kontaktiere uns über support@arc-rider.com oder in unserem Discord-Channel.

💡 Hinweis: Alle Icons stammen von der Website Phosphor-Icons. Hier findest du die gesamte Übersicht aller möglichen Icons. Du benötigst mehr Icons? Dann schreibe uns gerne in deinem Privaten Discod-Channel, welche Icons du benötigst und wir schalten diese für dich frei.

Anwendungscode

arcCustomIcon({
	name: "plus",
	containerSize: "",
	borderSize: "",
	borderColor: "",
	iconSize: "",
	borderRadius: "",
	color: "",
	backgroundColor: ""
})


arcCustomIcon({
		name: "trash",
		containerSize: "30px",
		borderSize: "",
		borderColor: "",
        borderRadius: "7px",
		iconSize: "20px",
		color: "#FF2222",
		backgroundColor: "#fcdfde"
	})

name definiert den Titel deines Icons. Die Titel findest du auf der Website Phosphor-icons.

name: "trash", // Titel immer in "" schreiben

containerSize definiert, ob und in welcher Größe du deinen Container/Background des Icons anzeigen lassen möchtest.

containerSize: "30px", // Pixel-Wert in "" angeben
containerSize: "" // Kein Fallback-Wert

borderSize definiert, wie dick deine Umrandung sein soll.

borderSize: "1px", // Pixel-Wert in "" angeben
borderSize: "", // Kein Fallback-Wert

borderColor gibt die Farbe deiner Border/Umrandung an.

borderColor: "#000", // HEX Code in "" angeben
borderColor: "", // Kein Fallback-Wert

borderRadius gibt die Abrundung deiner Border-Ecken an.

borderRadius: "7px", // Pixel-Wert in "" angeben
borderRadius: "", // Kein Fallback

iconSize gibt die Größe deines Icons an.

iconSize: "20px", // Pixel-Wert in "" angeben
iconSize: "", // Fallback: "15px"

color gibt die Farbe deines Icons an.

color: "#FF2222", // Hex-Wert in "" angeben
color: "", // Kein Fallback-Wert

backgroundColor gibt die Hintergrund-Farbe des Containers an.

backgroundColor: "#fcdfde", // 
backgroundColor: "", // Kein Fallbackwert