Grid

#Default usage

#Usage

import { Card, CardContent, Grid } from "@froggdesign/enter-ui";

export function Example() {
  return (
    <Grid min="10rem">
      <Card><CardContent>Usage</CardContent></Card>
      <Card><CardContent>Health</CardContent></Card>
      <Card><CardContent>Coverage</CardContent></Card>
    </Grid>
  );
}

#Accessibility

Grid is layout-only. Use semantic children inside it for cards, lists, or sections.

#API

• min accepts a number or CSS size for auto-fit tracks.
• gap accepts a number or CSS size.
• Extends div props.

#Styling

Every exported component accepts className when it renders an element. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.