Skip to content

SideDrawerSection

This is an aggegation of navigation pages in side drawer.

SideDrawerSection Properties

Property Type Required Default
Caption string Optional
Items SideDrawerItem Required
PreserveImageSpacing boolean Optional true
SeparatorEnabled boolean Optional true
Styles object Optional
Visible boolean Optional true
_Name string Optional

Caption

A caption label for the section

  • type: string

Items

List of navigation items in the section. The list can be defined directly as an array or from a rule which returns the array.

  • type: SideDrawerItem[]

All array items must be of the type: SideDrawerItem


PreserveImageSpacing

A flag to determine if the space for image in the items will be preserved when there is no image.

  • type: boolean
  • default: true

SeparatorEnabled

A flag to determine if the separator at the end of the section will be displayed.

  • type: boolean
  • default: true

Styles

Override the styles for the section.

  • type: object with following properties.
Property Type Required Default
SectionCaption string Optional
SectionSeparator string Optional
SectionItemActive string Optional
SectionItemOnPress string Optional
SectionItemInactive string Optional

SectionCaption

Use this to style the text view of section caption.

SectionSeparator

Use this to style the separators dividing sections. Can also remove by setting border-bottom-width to 0.

SectionItemActive

Use this to style menu item which is currently selected.

This style can be overridden at item level.

SectionItemOnPress

Use this to style menu item when it is touched upon.

This style can be overridden at item level.

SectionItemInactive

Use this to style all the menu items that are not selected.

This style can be overridden at item level.


Visible

A flag to determine if the section is visible

  • type: boolean
  • default: true

_Name

  • type: string