![](https://web.developers.google.cn/static/patterns/components/hero.png?authuser=5&%3Bhl=sv&hl=sv)
组件模式
欢迎使用我们不断扩充的组件模式集合。这些模板可为您提供灵感、无障碍要求、针对视口和用户偏好设置的自适应策略等。
面包屑导航
创建一个响应迅速且可访问的面包屑导航组件,以便用户浏览您的网站。
按钮
设置不同类型的 Web 按钮的样式。
轮播界面
创建一个自适应颜色、响应式且无障碍的轮播组件。
对话框
创建色彩自适应、响应迅速且可无障碍使用的迷你模态和大型模态。
游戏菜单
创建可通过鼠标和键盘访问的 3D 游戏菜单。
加载条
使用 progress 元素构建一个颜色自适应且可访问的加载栏。
媒体滚动条
为 Web 打造极简、响应迅速、易于访问且适用于各种浏览器和平台的水平滚动体验。
多选
构建一个响应式、自适应、可访问的多选组件,用于排序和过滤。
设置
构建一个响应式、支持多种设备输入并适用于各种浏览器的设置组件
侧边导航栏
响应式、有状态、支持键盘导航、支持和不使用 JavaScript,并且支持各种浏览器
拆分按钮
构建易于使用的自适应拆分按钮组件。
故事
为网页构建自适应、支持键盘导航并支持各种浏览器的故事组件。
svg-网站图标
使用 SVG 构建深色主题和浅色主题自适应网站图标。
switch
创建一个自适应、无障碍的开关组件。
标签页
创建一个包含网格和滚动贴靠点的标签页组件。
消息框
构建一个自适应且可访问的消息框组件。