RadSideDrawer Overview
RadSideDrawer
is a component can show a hidden view that contains navigation
UI or common settings. A popular application that uses the
drawer UI is the Android Playstore app. The hidden view can be
displayed with a flick gesture and can be shown from any of the
four edges of the screen. The view is also displayed with a
transition which can be chosen from a set of pre-defined
transitions.
The next screenshots showcase how the
RadSideDrawer
could look on both iOS and Android:
Angular directives
When using the
RadSideDrawer
with Angular you are going to work with custom angular
RadSideDrawer specific directives. In short these directives are
used by the angular framework to enable 'linking' between
separate HTML tags into one 'complex' element.
Here is a full list of the available custom Angular
RadListView
directives and components:
Components
Represent the major elements:
Selector | Class (more details) |
---|---|
RadSideDrawer |
RadSideDrawerComponent
|
Inline Directives
Represent the 'link' mechanism of the smaller with the major elements
Selector | Class (more details) |
---|---|
tkDrawerContent |
TKDrawerContentDirective
|
tkMainContent |
TKMainContentDirective
|