Item

import { Item } from "@grassroot/ui-react";
 
<Item
  leading={<span>LA</span>}
  title="ledger-api"
  description="Platform · prod"
  trailing={<span>Healthy</span>}
/>
<Item bare active title="edge-gateway" description="Edge · prod" onClick={() => {}} />

import { Item } from "@grassroot/ui-solid";
 
export function Example() {
  return (
    <>
      <Item
        leading={<span>LA</span>}
        title="ledger-api"
        description="Platform · prod"
        trailing={<span>Healthy</span>}
      />
      <Item bare active title="edge-gateway" description="Edge · prod" onClick={() => {}} />
    </>
  );
}