#92 enum columns and gaps

uzh-bf · Jun 29, 2024 · d1fedfc · d1fedfc
1 parent 9b7823c
commit d1fedfc
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/tc-web/src/components/tc-grid-container/tc-grid-container.tsx b/packages/tc-web/src/components/tc-grid-container/tc-grid-container.tsx
@@ -6,10 +6,10 @@ import { Component, Prop, h } from "@stencil/core";
   styleUrl: "tc-grid-container.css",
 })
 export class TcGridContainer {
-  @Prop() mdColumns: number = 2;
-  @Prop() lgColumns: number = 4;
-  @Prop() columns: number = 1;
-  @Prop() gap: string = "";
+  @Prop() mdColumns: 1|2|3|4|5|6 = 2;
+  @Prop() lgColumns: 1|2|3|4|5|6 = 4;
+  @Prop() columns: 1|2|3|4|5|6 = 1;
+  @Prop() gap: 'sm' | 'md' | 'lg' | 'xl' = "md";
   @Prop() backgroundColor: string = "rgb(255, 255, 255)";
 
   // Default to 2 columns