Components

GridRow

GridRow defines a single row inside Grid.

Example

Requires React 18.2+ or 19 and shared styles. See setup.

Default

Loading preview…

Code
'use client';
import { Card } from '@swiftuijs/ui';
import { Grid } from '@swiftuijs/ui';
import { Text } from '@swiftuijs/ui';
import { GridRow } from '@swiftuijs/ui';
export default function Example() {
    return ((<Grid columns={3} spacing={12}>
      <GridRow>
        <Card><Text>Left</Text></Card>
        <Card><Text>Center</Text></Card>
        <Card><Text>Right</Text></Card>
      </GridRow>
    </Grid>));
}

API reference

This component currently relies on inherited element props.

Inherits additional props from IBaseComponent.

Edit this page on GitHubReport an issue

Grid

Grid arranges content in explicit rows and columns, following SwiftUI's non-lazy grid model.

Group

Group children in an unstyled HTML container.