文件名称:svelte_sidebar:边栏导航使用svelte实现
文件大小:66KB
文件格式:ZIP
更新时间:2024-04-22 09:19:07
svelte sidebar sidebar-component sidebar-navigation collapsible-tree
苗条的侧边栏 侧边栏导航组件,精巧编写并编译为8kb的ES模块。 检查一下。 这是什么 Web应用程序的侧边栏导航复制了在代码编辑器中浏览文件树的体验。 好处是用户可以乍一看就可以了解应用程序的信息体系结构(IA),并可以在不同的层次结构级别之间快速跳转。 UI模式非常适合具有大量嵌套路由的复杂Web应用程序,特别是对于用户可以创建数据条目的应用程序(例如,多个用户创建项目,每个项目都由多个屏幕组成的应用程序)。 特征 由于侧边栏是ES模块,因此可在已知/可计算导航路线的任何Web应用程序中使用。 语义,可访问的DOM。 完全可以使用键盘进行导航。 导航层次结构可以根据需要深度嵌套。 具有子链接的导航链接是可折叠组。 自动取消折叠导航层次结构的活动部分,并将其滚动到视口中。 与非活动导航项目相比,活动导航项目的父级导航项目也会突出显示。 每个导航链接都可以禁用。 仅有足够的配
【文件预览】:
svelte_sidebar-master
----rollup.config.playground.js(2KB)
----.husky()
--------.gitignore(1B)
--------pre-commit(17B)
----package.json(2KB)
----.prettierignore(15B)
----prettier.config.js(103B)
----LICENSE(1KB)
----src()
--------App.svelte(4KB)
--------exampleConfig()
--------pages()
--------main.js(101B)
--------components()
--------utils()
----netlify.toml(453B)
----.gitignore(82B)
----serve.json(90B)
----public()
--------favicon.png(2KB)
--------apple-touch-icon.png(3KB)
--------index.html(576B)
----README.md(8KB)
----yarn.lock(79KB)
----rollup.config.package.js(409B)