Berlin - Components | Instruction

The "Instruction" is a component that describes to the user what action to take. You can add it from a component block of type"Text".

In its properties you can configure the following items:

PROPERTY	DESCRIPTION
Style	Defines which color will be applied to the statement's representative icon: - Primary color - Secondary color
Arrow position	Indicates where the arrow on the icon points. - Top - Botton - No arrow If the date points down or is without an arrow, it will be placed closer to the component below it. If the arrow points upwards, it will be placed closer to the immediately upper component.
Width	Allows you to modify the space occupied by the component within the central content column. By default, it takes up 100% of the available space, but can be reduced using other predefined percentages or can be arranged to "full-size". In some dating styles, the "Full" size causes the size to exceed the width of the center column.
Align	Places the right-aligned, left, or center-aligned component in the center column of contents. It only takes effect when we apply a "Width" less than 100%.