Components
GridCell
API Reference

API Reference

Optional cell of a grid layout

<Grid columns="repeat(3, 1fr)">
  <GridCell>Item 1</GridCell>
  <GridCell>Item 2</GridCell>
  <GridCell>Item 3</GridCell>
  <GridCell>Item 4</GridCell>
</Grid>

Parameters

props

  • Type: @vtex/shoreline-components.GridCellProps & @types/react.React.RefAttributes<typescript.HTMLDivElement>

Props

area (optional)

CSS grid-area

  • Type: csstype.Property.GridArea

  • Default: 'auto'

asChild (optional)

Children composition

  • Type: boolean

  • Default: false

column (optional)

CSS grid-column

  • Type: csstype.Property.GridColumn

  • Default: 'auto'

columnEnd (optional)

CSS grid-column-end

  • Type: csstype.Property.GridColumnEnd

  • Default: 'auto'

columnStart (optional)

CSS grid-column-start

  • Type: csstype.Property.GridColumnStart

  • Default: 'auto'

row (optional)

CSS grid-row

  • Type: csstype.Property.GridRow

  • Default: 'auto'

rowEnd (optional)

CSS grid-row-end

  • Type: csstype.Property.GridRowEnd

  • Default: 'auto'

rowStart (optional)

CSS grid-row-start

  • Type: csstype.Property.GridRowStart

  • Default: 'auto'

View source (opens in a new tab)

GridCellAPI Reference