furo-ui5-section

furo-ui5-section #

@furo/ui5 v1.18.0
import '@furo/ui5/src/furo-ui5-section.js';
exports FuroUi5Section js
exports <furo-ui5-section> custom-element-definition
superclass LitElement
mixes FBP
mixes FieldNodeAdapter

Summary:

Description #

furo-ui5-section The object page content according to the SAP Design System Fiori guidelines consists of sections and subsections arranged in a column layout. The furo-ui5-section is basically a layout manager component to structure object pages. Sections can only contain subsections, not content.

1
2
3
4


 <furo-ui5-section heading="STRING">
   <furo-ui5-subsection></furo-ui5-subsection>
   <furo-ui5-subsection></furo-ui5-subsection>
 </furo-ui5-section>

1
2
3
4
5


<furo-ui5-section
   fn-bind-data="--dao(*.field_of_type_string)">
   <furo-ui5-subsection></furo-ui5-subsection>
   <furo-ui5-subsection></furo-ui5-subsection>
</furo-ui5-section>

Methods #

bindData(fieldNode) Binds an entity field to the heading. You can use the entity even when no data was received.

Example #

Any content

Attributes and Properties #

heading #

heading string default: ''

Heading title of the section

noborder #

noborder Boolean

Setting this attribute will hide the bottom border

Methods #

_FBPReady #

_FBPReady() ⟹ void

* → fn–fbp-ready

Furo flow is ready lifecycle method

Slots #

default #

Type: FuroUi5SubSection [0..n]

defines the content of the section.