You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: general/development/tools/component-library.md
+6-6Lines changed: 6 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -12,13 +12,13 @@ tags:
12
12
- Usability
13
13
---
14
14
15
-
# Component Library Overview
15
+
##Component Library Overview
16
16
17
17
The **Component Library** is a tool designed for developers to identify frequently used user interface (UI) components and encourage their reuse within Moodle. It includes both components from **Twitter Bootstrap** and Moodle itself. The library provides an organized display of these components, showcasing them with your current Moodle theme.
18
18
19
19
This tool aims to assist developers working on Moodle themes, core features, and extensions by providing easy access to the UI components, which ultimately helps in creating more efficient and consistent user interfaces.
20
20
21
-
## Who Should Use the Component Library?
21
+
###Who Should Use the Component Library?
22
22
23
23
The **Component Library** is useful for:
24
24
@@ -27,17 +27,17 @@ The **Component Library** is useful for:
27
27
-**UX developers**
28
28
- Anyone working on **core Moodle code** or creating **Moodle extensions**.
29
29
30
-
## Getting Started
30
+
###Getting Started
31
31
32
-
### Where is the Component Library?
32
+
####Where is the Component Library?
33
33
34
34
The library is built into Moodle but is only visible to developers. To access it, navigate to:
35
35
36
36
-**Site administration → Development → UI Component library**
37
37
38
38
If you can't see "**UI Component library**," you'll need to build it first (instructions below). You can also access the online version of the library at [Component Library Online](http://componentlibrary.moodle.com/admin/tool/componentlibrary/docspage.php/library/getting-started/).
39
39
40
-
### Building the Component Library
40
+
####Building the Component Library
41
41
42
42
Hugo tooling is used to create the Component Library, as is the Twitter Bootstrap framework. It includes the necessary Bootstrap libraries that correspond to the version used by Moodle.
43
43
@@ -52,7 +52,7 @@ To build the Component Library, follow these steps:
52
52
53
53
This will build the **Component Library**.
54
54
55
-
## What Should Be Documented?
55
+
### What Should Be Documented?
56
56
57
57
The main goal of the **Component Library** is to enhance UI consistency across Moodle. New UI components should be documented within the library whenever:
0 commit comments