Grid

Grid

Grid is a basic grid container with 3 columns in large screens, 2 columns in medium screens and 1 columns in small screens

Usage

import React from "react";
import { Grid } from "aloria-ui";

export default function App() {
  return <Grid>{/* Your Stuff */}</Grid>;
}

Props

The Grid component does not take any props. To style it use the classname of ".Grid" in your css.

Preview/Example

Here is an example of how to use the Grid component.

import React from "react";
import { Grid, Card } from "aloria-ui";

export default function App() {
  return (
    <Grid>
      <Card
        headerText="Web Developer."
        labelText="React, Redux, Next, Node, JS"
      />
      <Card
        headerText="Web Developer."
        labelText="React, Redux, Next, Node, JS"
      />
      <Card
        headerText="Web Developer."
        labelText="React, Redux, Next, Node, JS"
      />
      <Card
        headerText="Web Developer."
        labelText="React, Redux, Next, Node, JS"
      />
    </Grid>
  );
}