diff --git a/docs/guide/events.md b/docs/guide/events.md index 50d552bbe..7ad07b04c 100644 --- a/docs/guide/events.md +++ b/docs/guide/events.md @@ -1,5 +1,11 @@ ## Events +- What are events +- Handling events +- Auto calling base classes +- Event bubbling +- Posting / emitting events +
--8<-- "docs/images/test.excalidraw.svg"
diff --git a/docs/guide/reactivity.md b/docs/guide/reactivity.md index 5a26ca9fb..ff6dc0496 100644 --- a/docs/guide/reactivity.md +++ b/docs/guide/reactivity.md @@ -1 +1,8 @@ # Reactivity + +- What is reactivity +- Reactive variables + - Demo + - repaint vs layout +- Validation +- Watch methods diff --git a/docs/guide/screens.md b/docs/guide/screens.md index 5881073ec..4627a5652 100644 --- a/docs/guide/screens.md +++ b/docs/guide/screens.md @@ -1 +1,10 @@ # Screens + +- Explanation of screens +- Screens API + - Install screen + - Uninstall screen + - Push screen + - Pop screen + - Switch Screen +- Screens example diff --git a/docs/guide/styles.md b/docs/guide/styles.md index 5f968b8aa..dddf88929 100644 --- a/docs/guide/styles.md +++ b/docs/guide/styles.md @@ -1,3 +1,13 @@ # Styles -TODO: discussion of box model +- What are styles +- Styles object on widgets / app +- Setting styles via CSS +- Box model +- Color / Background +- Borders / Outline + + +
+--8<-- "docs/images/styles/box.excalidraw.svg" +
diff --git a/docs/guide/widgets.md b/docs/guide/widgets.md index 097bbeec9..f469dcedf 100644 --- a/docs/guide/widgets.md +++ b/docs/guide/widgets.md @@ -1 +1,9 @@ # Widgets + +- What is a widget +- Defining a basic widget + - Base classes Widget or Static + - Text widgets + - Rich renderable widgets +- Complete widget +- Render line widget API diff --git a/docs/images/styles/box.excalidraw.svg b/docs/images/styles/box.excalidraw.svg new file mode 100644 index 000000000..68e58174f --- /dev/null +++ b/docs/images/styles/box.excalidraw.svg @@ -0,0 +1,16 @@ + + + eyJ2ZXJzaW9uIjoiMSIsImVuY29kaW5nIjoiYnN0cmluZyIsImNvbXByZXNzZWQiOnRydWUsImVuY29kZWQiOiJ4nO1bbU/bylx1MDAxMv7eX4E4X4u7u7Ovla6ugMJcdTAwMDVcbilvhbZXR5WJXHUwMDFkYkji1HaAtOp/v7NcdTAwMGXEdlx1MDAxMpskXHUwMDA0XHUwMDFhjq6llsRre8e788w8z+zm15uVldWk3/VX36+s+nd1t1x1MDAxNXiRe7v61p6/8aM4XGI72MTS73HYi+rplc0k6cbv371ru9G1n3Rbbt13boK457bipOdcdTAwMDWhU1x1MDAwZtvvgsRvx/+2/9fctv+vbtj2ksjJOlnzvSBcdKNBX37Lb/udJMan/1x1MDAxN7+vrPxK/89ZXHUwMDE3+fXE7Vxctvz0hrQpM5BcdTAwMTI1erZcdTAwMTZ2UmOZXHUwMDEyhFx1MDAwMGV8eEFcdTAwMTB/wO5cdTAwMTLfw9ZcdTAwMDaa7Gct9tRq/+zO1Vu19f32pzA6i086YaPuZb02glbrJOm3XHUwMDA2I+HWm70oZ1OcROG1f1x1MDAxZXhJ09o1cn54n1x1MDAxNybWgGFzXHUwMDE09i6bXHUwMDFkP45cdTAwMGI3hV23XHUwMDFlJP30XHUwMDA1yfDsYFx1MDAxNN6vZGfu8Fx1MDAxYqfUoYxcbsmBUcmlgWGzfVx1MDAwMCPa0VJcdTAwMTlcdTAwMDIgiJFU6lx1MDAxMdM2w1x1MDAxNk5cdTAwMDaa9lx1MDAxN0mPzLZcdTAwMGK3fn2JXHUwMDA2drzhNUnkduKuXHUwMDFi4ZRl193evzQ34HAjiVx1MDAwMSWGjU0/uGwm2FxuXHUwMDAyXHUwMDFjiYZInWuN/XQ2KKFAQenszWy/3V0v9Yu/R1x1MDAwN7PpRt37MVuN7ZeczdbcrZxTZTf3up47mHwqJeNCXHUwMDExIyRkg95cbjrX2NjptVrZubB+nflLevb32zn8lDFW5qeUXHUwMDBiqTTO39R+ur+z22qEtfpOo90/vlxmbvaP2HZcXOKncYigm9lLR+56zEnhUVx1MDAxZlXSXHUwMDExQlx0pVxyZ5JzVnRRbDU4XHUwMDA0wFxm01xcXHUwMDExUeqholx1MDAwMV6dV3roX7wu/YZcdTAwMTj3Tlx1MDAxMMrRQvCC/1xyvZNR4ihpXHUwMDA0XHUwMDA2jDHvZFxiXHUwMDFkSVx1MDAwNdeL9877hsydctNcXP+0/7X5Zeez1zem06vRrmp6wfBZXHUwMDA133OjKLxdXHUwMDFktvy+/1Tu+9JIxah6XHUwMDE539ey1PcxXHUwMDFjacLVXGZB+nr/6qpcdTAwMWRHP84j/y4yW1+2vvX4h6VcdTAwMGbSginrXlx1MDAwNjiXXHUwMDA0mOBcdTAwMDVcdTAwMDBcdTAwMDDj6JpcdTAwMThcdTAwMDBcdTAwMTW2XHUwMDE5Y8pDtC/xmieEaCaEwzRcdTAwMTBBJSZcZp6bmSFcdTAwMTIoYVx1MDAwZbZcYmG0MJRrkGN4IOg+XGKIXFzIelx1MDAxMUCs6Y2L/uXeoTigVz9cdTAwMGbXXHUwMDBmhdf1XHUwMDBlp1x1MDAwM8Tbyc99uDzx75Lig1x1MDAwNj1+/LZ+cPZjZ+fbxs636PuthuBuw/2DOCvYmadBOVx1MDAwMI1DjOBMXHUwMDAzJ1ND7CYgwLdNTfWOPtSvL8zR3mf5acFcdTAwMTCbMcNMgTBcdFx1MDAwZdH2XHUwMDAwQTmRxVx1MDAxNIPgcohiXHUwMDE4+3EwXHUwMDEwQubZSFCu4yy5TCA8QjJcdTAwMDWMPUNOqfJGLZFcdTAwMDXO4I3ZpIed5CT4mVx1MDAxMmtSOLvttoNWvzBvqZuipVx1MDAwN250XHUwMDE5dPJjXHUwMDE5+9hn6pa6cPV6K7i0jrza8lx1MDAxYkVcdTAwMGZPXHUwMDAy1Fxyw+YkzL15XHUwMDFke3fxcdGuN/pcdTAwMTZhXHUwMDE0YM9u67RoSSW4XHUwMDA2MWNcdTAwMDK6VI4zj6JLM8W1glx1MDAxYzd4XGZd3oHXYac/jj60vnxsXHUwMDFmt2Rf8k+X86GLzYEuMlx1MDAxZrqAYIbiXHUwMDAyXHUwMDE1XHUwMDA2IIJAXHUwMDE00MWFdkBJ/CMpNuvnk1x1MDAxOEjSXHUwMDE0aEWpRl9GraFgXHUwMDAy2pijOSohinxcdTAwMTM4YPhcdTAwMWJDXHUwMDFmNVxuU1x1MDAxY+Vz6I3U2DnRN2suyNnhRslG0PGCzuXoLX7HK2lpuXGyXHUwMDE5ttuBZTOHYdBJRq9In7tu/b7pu2Mgwifn20ZcdTAwMDHStU8sJu3s00rmQOmX4ee/306+unRi7TE+pdnz3uT/zoxtVJ6lqVx1MDAxM4jmiG85PTmtZijLjG3JQGtcdTAwMDPAZY7VXHKwLVx1MDAxY0DAcIOfkGfIXHUwMDExu1x1MDAxNoltMFxmKSmqco0xRFx1MDAxOTpcdNzCXHUwMDExmOKJXHUwMDA2jpGXoqhcdTAwMWJcdTAwMDW3Ylx1MDAxOKhcYskm7Vx1MDAxZlx1MDAwMu2MuD5cdTAwMTTNdqdcdTAwMTBEaZKu91LvcFxmalx1MDAwZjA4l1x1MDAwNIWGyFKwXHUwMDFkJLdrR9fhXGZcdTAwMTThjFx1MDAxMYZcdTAwMTeg8L2/4nf2XHUwMDFhryqolHqUPdbGnWnGsFLGx005YaBGa6FpXHUwMDA270erknHn48mRd7XlNnd39q9l5+gmbr6g4J0zqCBcdTAwMWRnxFx1MDAwMOWoPTRGj2JQ4cKRxJJxhYRUieej4yqLXHUwMDAz1XRcXFx1MDAxOVCGvDBcdTAwMWSfO2rMRcdcdTAwMGZdL40lS8DHXHUwMDFmTJlcdTAwMGJdnJaiy1xuPFxys4jdyVx1MDAxMn/p4Vx1MDAwNayqniS5g6iS1sOYyEFg4eUkPqmUXG6j8JJcdTAwMDYzXHTR8lx1MDAxZoQuXHUwMDE4Q9cmNqNVKzhU7mSImclcdTAwMTCr411+VFx1MDAwMbJ24Hn50mpcdTAwMTFnj1VER6FXsLNcdTAwMTJ/1VVdU45CYoMpXHUwMDAxOv2Sxsfjy+bOxXbN9JtXZ5e100h8ubstQWE9XG7jeK3pJvVmXHUwMDE5XHUwMDEyRz3++cpO6cqGNoJSYqShXHUwMDE0ikhEWuEgTFx1MDAxOTJcZqRcIpLScixOsbZRicX51zdQ5Vx1MDAxOFwiiHrhcu63XHUwMDBm392Nn+v11ueT//TbXHUwMDA3V+vHR1c8R1xcV2Yu51x1MDAwZZ57sHe3ZcLG3raITte+3rV+XHUwMDA2XHUwMDA36npB6yZcdTAwMGJeMyyXpUyWLlx1MDAxOFx1MDAxYbtSXHUwMDA2s6yZVI/0zOh6OWmqlHJQd1x1MDAwMqOCaJLL+2lNV1pcdTAwMTKJboupjnFaXnR6KrJcZncoKCFcZpph61x1MDAwMVx1MDAxM+CFdoItfaGKsKUlM5ZcdTAwMDKRmUhcdTAwMDCm9Fx1MDAxYzlwXHUwMDE5dGmZ+uyJ/llPbJLrgJyct2X76kadhZPVp9VgXHUwMDAyR8BaZajOSbF79YkhXG4o1Vx1MDAxOE1cciVcdTAwMTg55UOVJ1OfUyni6mRSsFx0QCqcXHUwMDE27FxuaVx1MDAxNFx1MDAxNWrcKOZoalx1MDAxN1x1MDAxNSRcdTAwMDeO4s2AXHUwMDE4M+o1SeK1UmdOW8f8OHvem/zfWSl7niiO7tPRQFx1MDAxNUg2PWWv9rllXHUwMDBlZ2BcdTAwMWOBbEBcdLBcdTAwMGK9vFhpwzDmXHUwMDE4XGb8QiBZQIX8pG1cdTAwMTDVa1RcdTAwMTOWfSfRXHUwMDAyxCFcdTAwMTNyjkraXHUwMDFmolx1MDAwNY+m75dW3Fx1MDAxYmHk5an9n1x1MDAxM9z3lsxcdTAwMDXeXG69LbjiqDD1XGZ6+3tjrb5zur/VPdnvX4ige3F08X1+8C5Mc8tHJTeRXHUwMDBlQ/dRhlwi6Vx1MDAwNyiSXHUwMDExKm3tlFx1MDAwMTWY5FxikzBiV/n+pPI9TFx1MDAwMOPQRZ0xXHJ2qV3eSlxyfVnwXlx1MDAxY9Pzg/bPsH/WIZuHJ5+3T2r7vYVxb8zCuWj07OBcdTAwMWROzFJcdTAwMDA4s2Y+SVGOYkWEVGKGmln1LC9xXHUwMDAyXHUwMDE2klhcZkvkcVx1MDAwMlx1MDAwNCEjXHUwMDE4NsJcdTAwMTFcdTAwMDSMSpfCXHUwMDE0XHUwMDAxNWLYTGXpXG5cdTAwMTAzXHUwMDA3u6ZMc1x1MDAwMlx1MDAwMrTQWT9DSFx1MDAxYmRcbooysKpHXHUwMDE4pXJjdI9wXHLGpFx1MDAwNfSXXHUwMDE0XHUwMDE0iEFcIuVzXG6K6vxQIO+EXHUwMDEyu7dcdMVcdTAwMDRTilx1MDAxM8F57rJcdTAwMDF711x1MDAwZdFUXG7OiKVURLJqRfFql8/XSl3KXHUwMDFlY860IFafy0VjxMBcdTAwMTBhzZm+SPH9lsSb58dcdTAwMDe9g2bbdGRtj3W3xGtcYiqKXHUwMDFix1Y7KVx1MDAwZTtcdTAwMTCSQ/OAXHUwMDE4XHUwMDEwh2qCKkfaaSFP2ttZXHUwMDExU8RUvEAjXGbQXHUwMDAz5qlCPIVcdTAwMTacX3D/cPe85l7v7GyefdZi7+Rqyp2bS8fpXHUwMDA3k7FcdTAwMDSMYGDIfGSgvHhv7HIs5IvBj1x1MDAwMbd6cpdcdTAwMTm4iiFcdTAwMWLghHIkXHUwMDAzjI2SXHUwMDAxJPTKboGmUjND2Khdi1wiXHUwMDAzXHUwMDE4N1x1MDAxY1x1MDAwMKY1/jOY02HCXHUwMDA2UqqpXS9cdTAwMDckacb+TFx1MDAwNnJR5IFcdTAwMGVg9Fx1MDAwMDnXT2iWub5YnVx1MDAxNXJ0YM1cdTAwMTZcdTAwMGZcdTAwMDUyO6aIIVSpXFxh655cZiiHXHUwMDE5jNCKa8ap4fCPJVx1MDAwM+UuZY9xZ5qRXHUwMDBllK9aUFXKXGJwWizMZqhcdTAwMTRUr+Ms7WY66qBcdTAwMGLi4NqfXGZJM7Jccp2Bg1FHa2W3y5qKXHUwMDEy39M30zGDzk5cdTAwMDVcdTAwMTJcdTAwMGZFqMkvTGY/ybO/12PEKJpSj1xcSeMhqlxisOVxwl94N52xhH5cdTAwMDFRZfbddDOsXHUwMDFkSIUqkigtXHLBkZY0d9Eg3nBH253GQqCwXHUwMDA0jsRwLN68pqhS4VH2WFx1MDAxYnOmRUVcdTAwMTUjS38/hpzablrV0+++P2zou5qutS42k6vT069f6ipufHxcckFFSUxcXEZiQGd0ZN2AocpcdTAwMDVqdzpqLXXFdp+nXHUwMDA3XHUwMDE11NqEo6wzoFx1MDAxMaFyQuHCmqrRSmLtlZTnXG52w6BCJKBcdTAwMTid57cvT1xuKlx1MDAxOH2zkfv/7vtcdTAwMDK2yybWXHUwMDFl41NaXHUwMDA27Tf3Pay63e5JguM/jLQ4xYF3r7Wy11xcvVx0/NuNXHR0uZFcdTAwMWVW3KThwuLSty/76/eb3/9cdTAwMDOnMe1cdTAwMTYifQ== + + + + MarginPaddingContent areaBorderBackgroundColor \ No newline at end of file diff --git a/mkdocs.yml b/mkdocs.yml index 2bbbb0c94..58f29d109 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -8,8 +8,8 @@ nav: - Guide: - "guide/devtools.md" - "guide/app.md" - - "guide/CSS.md" - "guide/styles.md" + - "guide/CSS.md" - "guide/layout.md" - "guide/events.md" - "guide/actions.md"