CSS: drawer-layout.content

.content — Panèl kontni prensipal la ki ranpli espas ki rete bò kote panèl la.

Yon fwa gwosè-inline paran an bese anba 46em (16em lajè tray + 30em pwen kraze), yon @container query sou kontenè pantoken-drawer-layout paran an fè min-inline-size manm sa a vin 0 otomatikman, ki matche ak sipèpoze manyèl [should-overlay-tray].

Aksè

Pote role="region" (konvansyon DrawerLayout InstUI a) epi nonmen li ak aria-label/aria-labelledby lè kontèks la pou kont li pa idantifye li.

Itilizasyon

@import "@pantoken/components/components.css";
@import "@pantoken/components/drawer-layout.content.css";

Egzanp

<div class="instui-drawer-layout">
  <div class="content" role="region">
    <p class="instui-text">Tray content</p>
  </div>
</div>

Estrikti

@scope (@component drawer-layout)
  .content
    ‹content›

flowchart TD subgraph sg0 ["@scope (@component drawer-layout)"] n1(".content"):::cssdoc-part n2[/"‹content›"/]:::cssdoc-slot end n1 --> n2 classDef cssdoc-root stroke-width:1px; classDef cssdoc-part stroke-width:1px; classDef cssdoc-slot stroke-width:1px; classDef cssdoc-component stroke-width:1px;

Kondisyon

Tip	Rechèch	Deskripsyon
container	pantoken-drawer-layout (max-width: 46em)	—

Tokens konsome

Token	Tip	Valè
--drawer-layout-content-min-inline-size	<length>	—
--pantoken-bp-md	<length>	30em

Ki gen rapò

• drawer-layout.tray — The adjacent panel in the same flex row.