diff --git a/Readme.md b/Readme.md index 39144346..7d24ed83 100644 --- 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 new file mode 100644 index 00000000..3f1558d1 --- /dev/null +++ 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) +```