NavigationDrawerStyle¶
NavigationDrawerStyle Properties¶
| Property | Type | Required |
|---|---|---|
| DrawerBackground | string |
Optional |
| DrawerButton | ImageClass | Optional |
| HeaderBackground | string |
Optional |
| HeaderHeadline | string |
Optional |
| HeaderIcon | ImageClass | Optional |
| HeaderSeparator | string |
Optional |
| HeaderSubHeadline | string |
Optional |
| SectionCaption | string |
Optional |
| SectionItemActive | string |
Optional |
| SectionItemImage | ImageClass | Optional |
| SectionItemInactive | string |
Optional |
| SectionItemOnPress | string |
Optional |
| SectionSeparator | string |
Optional |
DrawerBackground¶
Use this to style the background of the whole drawer.
- type:
string
DrawerButton¶
The string value is a style class name for drawer button in side drawer. It is applicable only to SAP icon or font icon types (Supported CSS properties are font-size and color).
- Image style class
HeaderBackground¶
Use this to style the background of the header view.
- type:
string
HeaderHeadline¶
Use this to style the text view of headline.
- type:
string
HeaderIcon¶
The string value is a style class name for header icon in side drawer. It is applicable only to SAP icon or font icon types (Supported CSS properties are font-size and color).
- Image style class
HeaderSeparator¶
Use this to style the separator dividing header and menu area. Can also remove by setting border-bottom-width to 0.
- type:
string
HeaderSubHeadline¶
Use this to style the text view of subheadline.
- type:
string
SectionCaption¶
Use this to style the text view of section caption.
This style can be overridden at section level.
- type:
string
SectionItemActive¶
Use this to style menu item which is currently selected.
This style can be overridden at section and item level.
- type:
string
SectionItemImage¶
The string value is a style class name for image in menu item. It is applicable only to SAP icon or font icon types (Supported CSS properties are font-size and color).
- Image style class
SectionItemInactive¶
Use this to style all the menu items that are not selected.
This style can be overridden at section and item level.
- type:
string
SectionItemOnPress¶
Use this to style menu item when it is touched upon.
This style can be overridden at section and item level.
- type:
string
SectionSeparator¶
Use this to style the separators dividing sections. Can also remove by setting border-bottom-width to 0.
This style can be overridden at section level.
- type:
string