Skip to main content

Layout

shadow

WebJET Elements umožňuje si jednoducho zostaviť rozvrhnutie stránok pomocou 5 základných elementov: Container, Header, Main, Aside a Footer. V prípade komplexnejších rozvrhnutí WebJET Elements ponúka tiež systém Grid.

Examples of use​

When to use​

Use wje-layout to compose stable page structure with clear visual and semantic hierarchy.

When not to use​

Do not use layout components to handle business logic or application orchestration.

Accessibility​

Preserve document semantics (header, main, aside, footer) and logical tab/focus order.

Best Practices​

  • Define mobile/desktop breakpoints first, then refine visual details.
  • Prefer spacing tokens over ad-hoc margin/padding overrides.
  • Test keyboard and screen reader behavior for overflow scenarios.

Attributes and Properties​

No properties available for this component.

Events​

No events available for this component.

Methods​

No public methods available for this component.

CSS Shadow Parts​

No CSS shadow parts available for this component.

CSS Custom Properties​

No CSS custom properties available for this component.

Slots​

No slots available for this component.

Content