GridCell

The GridCell component is a flexible grid cell used to layout content within a grid system. It's designed to work within a responsive framework.

Usage

GridCell Basic Usage

import React from 'react';
import { GridCell } from '~/ui/components/Home';

export default function App() {
  return (
    <GridCell>
      <p>Your content here</p>
    </GridCell>
  );
}

Rendered Example

Example Content

Props

Name	Type	Default	Description
sm	number	`undefined`	The number of columns on small screens
md	number	`undefined`	The number of columns on medium screens
lg	number	`undefined`	The number of columns on large screens
xl	number	`undefined`	The number of columns on extra large screens
xxl	number	`undefined`	The number of columns on extra-extra large screens
className	string	`undefined`	Additional CSS classes for styling