diff --git a/docs/advanced/creating components.md b/docs/advanced/creating components.md
index 628d5aa29..9f61f0212 100644
--- a/docs/advanced/creating components.md	
+++ b/docs/advanced/creating components.md	
@@ -66,7 +66,7 @@ export type QuartzComponentProps = {
   cfg: GlobalConfiguration
   tree: Node<QuartzPluginData>
   allFiles: QuartzPluginData[]
-  displayClass?: "mobile-only" | "desktop-only"
+  displayClass?: "mobile-only" | "tablet-only" | "desktop-only"
 }
 ```
 
diff --git a/quartz/util/lang.ts b/quartz/util/lang.ts
index 6fb046996..890c94aaf 100644
--- a/quartz/util/lang.ts
+++ b/quartz/util/lang.ts
@@ -3,7 +3,7 @@ export function capitalize(s: string): string {
 }
 
 export function classNames(
-  displayClass?: "mobile-only" | "desktop-only",
+  displayClass?: "mobile-only" | "tablet-only" | "desktop-only",
   ...classes: string[]
 ): string {
   if (displayClass) {