Skip to content
Frauthy Brand
Frauthy index

Go anywhere.

0 resultsOpen full search →

    No exact contract found. Try a component family, product name, prop, or keyboard key.

    ↑↓ move↵ openesc close

    02 · Layout

    beta

    BodyGrid

    Pairs primary content with an optional semantic rail that can appear on either logical side.

    Since
    1.0.0-next.0
    Owner
    Brand Core
    Export
    PRIVATE_BETA_PACKAGE_COORDINATE_REDACTED/BodyGrid
    Release
    Documentation version
    Deterministic fixture · default state

    Component studio

    light · comfortable · LTR
    01 · requestAuthenticate
    02 · relationAuthorize
    03 · decisionAllow
    §01

    Contract

    Semantics first

    Anatomy

    Renders the primary region as a neutral div and the rail as aside; visual and DOM order match railPosition.

    Consumer classes, styles, and data attributes may extend the surface, but required roles, IDs, relationships, and handlers remain owned by the component.

    Keyboard

    • No custom keyboard contract; interactive content in the main and rail uses document order.
    §02

    Public surface

    API & styling

    Props

    id
    Explicit IDs override stable generated IDs.
    class / style
    Consumer additions compose with required styles.
    ref
    Element or callback where focus control is expected.
    children
    Typed content; raw HTML strings are never rendered.

    Slots & events

    children
    Primary content slot.
    onChange
    Typed value plus a small reason object when state changes.
    native events
    Composed without overwriting required handlers.

    State attributes

    • data-fui-body-grid
    • data-fui-body-main
    • data-fui-body-rail
    • data-rail-position

    CSS tokens

    • --fui-body-grid-rail
    • --fui-body-grid-gap
    §03

    Consumption

    Solid, Vite & Astro

    Solid / VitePRIVATE_BETA_PACKAGE_COORDINATE_REDACTED/BodyGrid
    import BodyGrid from 'PRIVATE_BETA_PACKAGE_COORDINATE_REDACTED/BodyGrid';

<BodyGrid>Frauthy content</BodyGrid>
    Astrostatic
    ---
import BodyGrid from 'PRIVATE_BETA_PACKAGE_COORDINATE_REDACTED/BodyGrid';
---

<BodyGrid>Frauthy content</BodyGrid>
    §04

    Verification

    Evidence record

    Scheduled

    Automated

    Batch C layout coverage verifies start/end rail ordering, optional rail omission, and custom rail/gap variables.

    Target
    Brand 1.0.0-next.0 matrix
    Last verified
    Pending integrated G2 run
    Required

    Assistive technology

    Pending landmark-order spot check when a page includes more than one complementary region.

    Desktop
    VoiceOver/Safari · NVDA/Firefox
    Touch
    Not required for beta
    Open

    Known issues

    • The rail is an aside; pages with several asides should label their complementary regions through forwarded ARIA attributes.
    §05

    Editorial guidance

    Do / don’t

    Do

    Use the rail for genuinely complementary navigation, metadata, or evidence.

    Don’t

    Do not place the page’s primary task in the rail or use CSS to reverse the semantic order.

    Release activity

    BodyGrid · Brand Core

    1 recorded change · 26 weeks
    1. 1.0.0-next.3

      Baseline public component contract.

    Version & provenance

    New in the v2 architecture

    There is no stable predecessor for this explicit compiled subpath. The v1 compatibility layer remains tested separately; visual and API diffs begin with the next prerelease.

    Current
    1.0.0-next.0
    Previous
    compatibility surface
    Deprecation
    none
    Replacement
    not applicable
    Next in LayoutFull