diff --git a/packages/core/demo/index.html b/packages/core/demo/index.html
index 393ffb49..b94b4b1d 100644
--- a/packages/core/demo/index.html
+++ b/packages/core/demo/index.html
@@ -187,7 +187,7 @@
Markdown Styling
I am inline-code text!
- I am multi-\nline code text!
+ I am multi-line code
I am spoiler text!
diff --git a/packages/core/src/components/discord-code/DiscordCode.ts b/packages/core/src/components/discord-code/DiscordCode.ts
index 728c72c7..1e1545f9 100644
--- a/packages/core/src/components/discord-code/DiscordCode.ts
+++ b/packages/core/src/components/discord-code/DiscordCode.ts
@@ -70,6 +70,9 @@ export class DiscordCode extends LitElement implements LightTheme {
}
`;
+ /**
+ * Whether this code block is a multi-line code block
+ */
@property({ type: Boolean, reflect: true })
public accessor multiline = false;
@@ -77,9 +80,18 @@ export class DiscordCode extends LitElement implements LightTheme {
@property({ type: Boolean, reflect: true, attribute: 'light-theme' })
public accessor lightTheme = false;
+ /**
+ * Whether this code block exists within a `discord-embed` component.
+ */
@property({ type: Boolean, reflect: true })
public accessor embed = false;
+ /**
+ * The language of the code snippet.
+ *
+ * Setting this property will add a class "language-" to the `code` element
+ * which can get styled by a library such as [Prism](https://prismjs.com/).
+ */
@property()
public accessor language: string | undefined = undefined;
@@ -92,7 +104,7 @@ export class DiscordCode extends LitElement implements LightTheme {
protected override render() {
if (this.multiline) {
- return html`
`;
}