BottomNavigation
Example
Razor
<kendo-bottomnavigation>
<bottom-navigation-template></bottom-navigation-template>
<bottomnavigation-items></bottomnavigation-items>
</kendo-bottomnavigation>ChildTags
| Tag Name | Details |
|---|---|
| bottom-navigation-template | TemplateTagHelper |
| bottomnavigation-items | BottomNavigationItemsTagHelper |
Attributes
| Attribute | Type | Description |
|---|---|---|
| name | String | Sets the name of the component. |
| border | Boolean | Toggles the border of the widget. |
| fill | BottomNavigationFill | Defines the fill of the component |
| item-flow | BottomNavigationItemFlow | Defines the iteFLow of the component |
| on-select | String | The name of the JavaScript function that will handle the select event. Fires when the user selects an item in BottomNavigation. |
| position-mode | BottomNavigationPositionMode | Defines the position of the component |
| script-attributes | IDictionary<String,Object> | Sets the attributes that will be added to the script tag of the component's initialization script. |
| shadow | Boolean | Toggles the shadow of the widget. |
| template | String | Represents a collection of templates defined for the component. |
| template-handler | String | Sets a custom template for the items. This option expects the name of a JavaScript function that will be called to return the template. |
| template-id | String | Sets a custom template for the items. This option expects the ID of the script element that contains the template. |
| template-view | IHtmlContent | Sets a custom template for the items. This option expects the instance containing the created HTML. |
| theme-color | BottomNavigationThemeColor | Defines the theme color of the component |
| is-in-client-template | Boolean | When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute. |
| deferred | Boolean | Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method. |
| as-module | Boolean | Specifies whether the initialization script of the component will be rendered as a JavaScript module. |