Saltearse al contenido

Row

Esta página aún no está disponible en tu idioma.

A small flex: row wrapper. Abstracts all the flex weirdness away into a component.

Row Item 1Row Item 2Row Item 3

You can pass the alignCenter prop to add the align-items: center CSS property to the row.

RowAlignCenterExample.astro
---
import { Row } from '@studiocms/ui/components';
---
<Row alignCenter>
<!-- Content -->
</Row>

You can change the gap size of the row via the gapSize prop, which can be set to one of sm, md or lg.

Small RowSmall RowSmall Row
Medium RowMedium RowMedium Row
Large RowLarge RowLarge Row