Skip to main content

Row

shadow

Row is the basic element of a responsive Grid system and serves as a horizontal container for arranging and aligning columns (columns).

Note

For more information on using Row, navigate to the Grid system documentation.

When to use​

Use wje-row 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​

NameDescription
defaultThe default slot for the row.

Content