Cluster

#Default usage

#Usage

import { Badge, Button, Cluster } from "@froggdesign/enter-ui";

export function Example() {
  return (
    <Cluster justify="between">
      <div className="docs-preview-row"><Badge>Draft</Badge><Badge variant="info">Docs</Badge></div>
      <div className="docs-preview-row"><Button variant="secondary">Cancel</Button><Button>Save</Button></div>
    </Cluster>
  );
}

#Accessibility

Cluster is layout-only and keeps child semantics intact.

#API

• gap accepts a number or CSS size.
• align: start, center, end, or stretch.
• justify: start, center, end, or between.

#Styling

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