核心抽屉面板有两种显示模式？

Question

我想做的是创建一个类似于窄屏(手机)显示模式的核心抽屉面板，它有一个隐藏的左侧覆盖菜单，可以通过按下按钮将其刷出或带出(这就是目前核心抽屉面板所做的事情)。

但是，当组件处于宽屏显示时，核心抽屉面板锁定打开，并在左侧显示菜单，无法禁用。

我想做的是在宽屏模式中添加更多的功能，让用户将侧边导航向下折叠为不存在(很好)，或者是一个替代视图，最终变得更瘦(最好)。我的想法是:宽屏幕中的全宽菜单有很多(图标)+(名称)条目用于站点导航，但菜单可以折叠为只有一个(图标)列表，如果用户想要的话，可以缩小到更窄。

我甚至不确定我从哪里开始使用核心抽屉面板模板、css和其他属性来制作这样的东西，所以我将其作为一个工作项目来更好地理解这些核心组件是如何工作的。

Answer 1

但是，当组件处于宽屏显示时，核心抽屉面板锁定打开并在左侧显示菜单，并且无法禁用。

<core-drawer-panel forceNarrow>将阻止这种情况的发生。