diff --git a/Layout-Template-System-Guidelines.md b/Layout-Template-System-Guidelines.md index d897227..dbd14d1 100644 --- a/Layout-Template-System-Guidelines.md +++ b/Layout-Template-System-Guidelines.md @@ -28,6 +28,13 @@ The Layout System is comprised of following modules: - This should never result in 3 different templates or components for the same ui-component or layouting block. (e.g. menu or button) - If the differences are great, try to manage differences by creating reusable sub-components first. + +4. Rules for Creating Custom Components +- When creating a custom component, avoid creating singular components; instead, group related elements together to limit the length of the JSON file. +- Components should be designed to allow flexible layout adjustments of the elements. +- Once created, register the component in the `component-map.tsx` file. Set the key as the component's name, then map it back to the component you created for initialization when the JSON file uses that component. + + ### Goal * **Only the Json File** is responsible for layout and design for the pages * Dynamic Render System uses json-file to build layout and page using **shared dynamic components**.