|
5 | 5 | Getting Started |
6 | 6 | ################# |
7 | 7 |
|
8 | | -When working with components in djangocms-frontend, you can choose from different |
| 8 | +When working with components in ``djangocms-frontend``, you can choose from different |
9 | 9 | approaches depending on your needs. These range from using pre-built Bootstrap 5 |
10 | 10 | components, over quick and simple methods to create your own custom frontend components to |
11 | 11 | more flexible but complex solutions. We recommend staying with the simplest approach |
12 | 12 | that gets the job done for your project. |
13 | 13 |
|
14 | | -1. **Pre-Built Components** – The easiest way to **get started** with djangocms-frontend. |
15 | | - Pre-built components are ready to use and require no additional configuration. |
16 | | - They are perfect for quickly setting up a website with a variety of components |
| 14 | +1. **Pre-Built Bootstrap 5 Components** – The easiest way to **get started** with |
| 15 | + ``djangocms-frontend``. Pre-built components are ready to use and require no additional |
| 16 | + configuration. They are perfect for quickly setting up a website with a variety of components |
17 | 17 | that are compatible with Bootstrap 5. Pre-built components need to be explicitly |
18 | 18 | added to your project's ``INSTALLED_APPS``. |
19 | 19 |
|
20 | | -2. **Template-Based Components** – The easiest approach creating or porting your own |
| 20 | +2. **Template Components** – The easiest approach creating or porting your own |
21 | 21 | **custom frontend components**, allowing you define components by their HTML templates. Special |
22 | 22 | ``djangocms-frontend`` tags are used to provide the additional declarative information |
23 | 23 | needed. This is the fastest approach to create ``djangocms-frontend`` components. |
24 | 24 | Template-based (or auto) components are auto-detected. |
25 | 25 |
|
26 | | -3. **Custom Frontend Component development** – A more advanced method that lets you create |
| 26 | +3. **Custom Frontend Component** development – A more advanced method that lets you create |
27 | 27 | custom components with **minimal code**. This approach is more flexible than the |
28 | 28 | template-based method, but requires some Python coding providing more control over |
29 | 29 | the components add and change forms, for example. |
|
0 commit comments