所有Telerik . net工具和Kendo UI JavaScript组件在一个包中。现在增强了:
Drawer组件是一个可忽略的或永久可见的面板,用于在WebAssembly (WASM)和服务器端Blazor应用程序中导航。它允许切换页面不同部分的内容,并提供了多个配置选项来设置其显示模式,位置,通过模板定制,内置键盘支持。
Blazor中的Drawer组件示例
Drawer组件提供了两个选项来显示其内容:覆盖其中抽屉在容器内容的顶部展开,并在其上显示灰色覆盖层;推-抽屉通过缩小其宽度,与容器内容并排展开。
抽屉组件显示模式的示例
当抽屉处于折叠状态时,您可以启用它的“迷你模式”或“迷你视图”,这意味着当抽屉最小化,它将只优雅地显示项目图标。
根据Blazor应用程序的要求,您可能需要将Drawer定位到页面内容的左边或右边
Drawer组件模板允许对其外观进行完全定制。使用Drawer项模板,您可以控制每个单独列表项的呈现,使用Drawer完整模板,您可以自行选择Drawer呈现的内容,而不需要组件使用的数据源。完整的模板将允许您添加登录组件、用户头像和任何您需要的其他内容和功能——从页眉/页脚到导航的层次结构(如TreeView)。
使用模板进行抽屉定制的示例
Drawer组件公开SelecteditemChanged和ExpandedChanged事件让你处理用户交互和组件状态更改:
的抽屉组件有内置的键盘导航允许终端用户轻松导航,焦点和点击抽屉项目使用他们的键盘。
Telerik Blazor Drawer组件有几个内置主题比如Default(我们自己的样式),Material(基于材质设计指导方针)和Bootstrap(看起来像Bootstrap样式以便更好地集成)。控件可以轻松地使用几行CSS自定义任何开箱即用的主题,或者创建新主题以匹配您的颜色和品牌Telerik SASS ThemeBuilder应用程序.
请参阅用于Blazor的Telerik UI,看看它可以做多少开箱即用的工作。
尝试为Blazor提供专门的技术支持的Telerik UI。