RayCraftDocs
v1.0.3
de
raycraft.dev
Auf dieser Seite

CodeBlock

Free

Zeigt Quellcode mit leichter Syntaxfärbung (C#, JavaScript, TypeScript, JSON, HTML, SCSS, SQL und Shell), optionalen Zeilennummern und einer Kopieren-Schaltfläche. Die Farben stammen aus Design-Token, sodass der Kontrast in beiden Designs erhalten bleibt.

Beispiel

Steuerelement CodeBlock

Parameter

ParameterTypBeschreibung
ClassstringZusätzliche CSS-Klassen, die dem Wurzelelement hinzugefügt werden.
CodestringDer Quelltext.
Languagestringcsharp, javascript, typescript, json, html, scss, sql oder bash; alles andere wird ohne Farbe angezeigt.
ShowCopyboolZeigt die Kopieren-Schaltfläche (Standard true).
ShowLineNumbersboolZeigt vor jeder Zeile eine Nummer.
StylestringInline-Stil, der dem Wurzelelement hinzugefügt wird.
TitlestringText in der Kopfzeile; standardmäßig die Sprache.

Paket

CodeBlock gehört zu RayCraft Free. Paket: RayCraft.Blazor. Es stammt von nuget.org. Siehe Erste Schritte.