Fanvue API Documentation

import { ButtonStack } from "@fanvue/ui";
import type { ButtonStackDirection, ButtonStackProps } from "@fanvue/ui";

Examples

Horizontal

import { Button, ButtonStack } from "@fanvue/ui";

<ButtonStack direction="horizontal">
  <>
    <Button variant="outline">Cancel</Button>
    <Button variant="primary">Confirm</Button>
  </>
</ButtonStack>

Vertical

import { Button, ButtonStack } from "@fanvue/ui";

<ButtonStack direction="vertical">
  <>
    <Button variant="primary">Confirm</Button>
    <Button variant="outline">Cancel</Button>
  </>
</ButtonStack>

Props

ButtonStack

A layout helper that arranges action buttons either side by side (horizontal) or stacked (vertical). Compose it with Button children rather than reimplementing button styles. In horizontal mode each child stretches to an equal width; in vertical mode each child spans the full width of the container. Buttons keep their own sizing, so pass a matching size to each child for consistent heights.

ReactNode

required

Buttons to arrange — typically two Button elements.

"horizontal" | "vertical"

default:"horizontal"

Layout orientation. horizontal places buttons side by side with equal widths for primary + secondary action pairs; vertical stacks them full-width for mobile screens and narrow panels.

Exported types

Also exported from @fanvue/ui: ButtonStackDirection, ButtonStackProps.

Setup: Installation · Theming

Getting Started

Actions

Forms & Inputs

Overlays & Dialogs

Navigation

Data Display

Feedback & Status

Layout

Media & Audio

Creator & Social

Charts

Icons & Flags

Utility

ButtonStack

Examples

Horizontal

Vertical

Props

ButtonStack

Exported types

​Examples

​Horizontal

​Vertical

​Props

​ButtonStack

​Exported types

Examples

Horizontal

Vertical

Props

ButtonStack

Exported types