Card is used to display information in a card format.

children

description

icon

title

() => {
  return (
    <Grid columns={3} gap="$24">
      <Card
        as="button"
        title="Connect to Database"
        icon={IconDataAccess}
        description="Link your agent directly to data from a database. Select the tables and columns to include in your model."
      />

      <Card
        title="Connect to Database"
        icon={IconDataAccess}
        description="Link your agent directly to data from a database. Select the tables and columns to include in your model."
      />

      <Card
        title="Connect to Database"
        icon={IconDataAccess}
        description="Link your agent directly to data from a database. Select the tables and columns to include in your model."
      />
    </Grid>
  );
}

Name	Description	Default
as	The element type to render as.	-
children	The agent children.	-
description	The agent description.	-
icon	The card icon	-
title required	The agent title.	-

Card component