Stack

#Default usage

#Usage

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

export function Example() {
  return (
    <Stack gap={12}>
      <Button>Primary action</Button>
      <Button variant="secondary">Secondary action</Button>
      <p className="docs-preview-muted">Gap can be a number or CSS size.</p>
    </Stack>
  );
}

#Accessibility

Stack is layout-only and does not change child semantics.

#API

• gap accepts a number or CSS size.
• align: start, center, end, or stretch.
• 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.