Deprecated color styles
These color styles are deprecated and will be removed in v11 of Eufemia.
Demos
Default Section without spacing
Visual DNB Section: default
Code Editor
<Section> <P space={0}> Visual DNB Section: <Anchor href="#">default</Anchor> </P> </Section>
Default Section with large spacing
Visual DNB Section: default with spacing
Code Editor
<Section spacing> <P space={0}> Visual DNB Section: <Anchor href="#">default with spacing</Anchor> </P> </Section>
White Section
Visual DNB Section: white
Code Editor
<Section spacing="large" style_type="white"> <P space={0}> Visual DNB Section: <Anchor href="#">white</Anchor> </P> </Section>
Divider Section
Visual DNB Section: divider
Code Editor
<Section spacing="medium" style_type="divider"> <P space={0}> Visual DNB Section: <Anchor href="#">divider</Anchor> </P> </Section>
Info Section
Generic info section: info
Code Editor
<Section spacing variant="info"> <P space={0}> Generic info section: <Anchor href="#">info</Anchor> </P> </Section>
Error Section
Error section: error
Code Editor
<Section spacing variant="error"> <P space={0}> Error section: <Anchor href="#">error</Anchor> </P> </Section>
Warning Section
Warning section: warning
Code Editor
<Section spacing variant="warning"> <P space={0}> Warning section: <Anchor href="#">warning</Anchor> </P> </Section>
Success Section
Success section: success
Code Editor
<Section spacing variant="success"> <P space={0}> Success section: <Anchor href="#">success</Anchor> </P> </Section>