Tokyo - Components | Section

The "Section" component allows you to create content that is displayed at the full width of the screen, regardless of the width defined for the center column.

Configuration

The section can be added within a screen, in any position (e.g. between two texts). If it is located at the top of the screen, it is glued, without margins, to the top area, so it is a good component to create headlines.

A section counts, by default, a row and a column. Inside the row and column you can add any other component. Sections allow you to add multiple rows inside.

Its properties are:

PROPERTY	DESCRIPTION
View	Lets you select from 2 possible views: - Full width content. The content occupies the entire width available on the screen (full screen) - Content adjusted to the center lane. The bottom of the section occupies the entire width available on the screen (fullscreen) but the content (texts, images ...) adjusts to the width of the center lane.
Title	Component title
Background image	You can add a background image for the component.
Background colour	You can set a background color for the component
Background type	Lets you decide the background type if you add a background image: - Repeat background: repeat the background image until all available space is filled - Do not repeat background: Does not repeat the background image, the image added to its size is displayed.