-

kostaskougios · Jan 15, 2024 · 3262c72 · 3262c72
1 parent ce6cabe
commit 3262c72
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/Readme.md b/Readme.md
@@ -122,6 +122,9 @@ Standard html elements
 Generic components for buttons, menus, forms, text, grids, tables:
 [Chakra](docs/chakra.md)
 
+"Quick" classes to simplify complicated UI's like tables
+[Quick Classes](docs/quick.md)
+
 Charts and visualisation:
 [Nivo](docs/nivo.md)
 

diff --git a/docs/quick.md b/docs/quick.md
@@ -0,0 +1,16 @@
+# Quick classes
+
+There are some UI components, like tables, that require a lot of elements: TableContainer, TBody, Tr, Th etc. `Quick*` classes 
+simplify creation of this components.
+
+## QuickTable
+
+```scala
+val conversionTable = QuickTable().headers("To convert", "into", "multiply by")
+  .caption("Imperial to metric conversion factors")
+val tableRows:Seq[Seq[String]] = Seq(
+  Seq("inches","millimetres (mm)","25.4"),
+  ...
+)
+conversionTable.rows(tableRows)
+```