BuouNext
  • Features
  • DocumentsNew
  • BrutalUINew
  • ShowcaseHot
  • Pricing
  • Blog

Documentation

PreviewNewInstallationNew

Components

AccordionNewAlertNewAlert DialogNewAvatarNewButtonNewBadgeNewBreadcrumbNewCardNewCheckboxNewComboboxNewRadio GroupNewCommandNewDialogNewDrawerNewDropdown MenuNewFormNewHover CardNewInputNewLabelNewMenubarNewNavigation MenuNewPaginationNewPopoverNewProgressNewResizableNewScroll AreaNewSelectNewSeparatorNewSkeletonNewSliderNewSwitchNewTableNewTabsNewToastNewTooltipNew

    Docs
    Resizable

    Resizable

    Accessible brutal retro resizable panel groups and layouts with keyboard support.

    DocsAPI Reference
    Loading...

    Vertical

    Use the direction prop to set the direction of the resizable panels.

    Loading...

    Handle

    You can set or hide the handle by using the withHandle prop on the ResizableHandle component.

    Loading...

    About

    The Resizable component is built on top of react-resizable-panels by bvaughn.

    Installation

    Install the following dependencies:

    npm install react-resizable-panels

    Copy and paste the following code into your project.

    Copy and paste the following code into your project.

    ProgressScroll Area
    One
    Two
    Three
    Header
    Content
    Sidebar
    Content