A Section represents a configurable UI element for a deco.cx site.
Sections are UI components built with Preact that
can receive props configured by users on deco.cx’s Admin. The Section local
implementations live on the sections/
folder in the Site’s code, but it’s also
possible to Install Apps.
Some examples of Sections for an ecommerce store would be:
Note that Sections run on the server-side only, so state and lifecycle such
as useState
, useEffect
and callbacks such as onClick
, onInput
will not
work. In order for those to work, you’ll need to use
interactive Islands
In deco.cx’s Admin, it’s possible to interact with Sections in two places:
A Section represents a configurable UI element for a deco.cx site.
Sections are UI components built with Preact that
can receive props configured by users on deco.cx’s Admin. The Section local
implementations live on the sections/
folder in the Site’s code, but it’s also
possible to Install Apps.
Some examples of Sections for an ecommerce store would be:
Note that Sections run on the server-side only, so state and lifecycle such
as useState
, useEffect
and callbacks such as onClick
, onInput
will not
work. In order for those to work, you’ll need to use
interactive Islands
In deco.cx’s Admin, it’s possible to interact with Sections in two places: