Page Components
A Page Component is a reusable element that can be used by authors on pages as often as desired. Some Page Components are provided directly by Confinity and only need to be adapted to the desired design. However, most Page Components are usually built individually according to the design concept.
An Example: Intro Page Component
Let's assume we have an Intro Component that consists of an image, a title, an introductory text, and two buttons. According to the design concept, the image can be aligned either to the right or to the left. This means that the author has the following configuration options:
| Property | Description | Optional? | Limitations |
|---|---|---|---|
| Title | Text field | no | max. 100 Characters |
| Introduction | Text field | no | max. 250 Characters |
| Image | Image selection | yes | Fixed ratio: 4/3 |
| Image position | Selection: left, right | no | |
| Primary Button | Link | yes | |
| Secondary Button | Link | yes |
As can be seen from the table, the image as well as the two buttons are optional. This means that when designing the Page Component, one must consider how it behaves without an image and/or buttons. This results in different variants of the Page Component, which are illustrated below.
- Variant 1: Everything filled, image left
- Variant 2: Everything filled, image right
- Variant 3: Without image, without secondary button
Styling of Existing Components
Confinity offers several modules that provide components out of the box. However, these components still need to be properly designed.
As a designer, you are generally free in the design process, but there are some important aspects to consider. These include, in particular, the available properties that can be configured by the author and the corresponding visual behavior when certain properties are left empty, as they are optional.
The following articles describe such components from the respective modules.