Main menu
Fuegokit/React
React
⌘K
What's NewLog in
Page navigation menu
Getting started
InstallDevelopTheming APIThe sx propComposing componentsSystem propsTheme referenceComponent lifecycle status
Migration guides
Update to Fuegokit React v3What's included in Fuegokit React v3
Primitives
BoxButtonCheckboxCheckbox GroupCodeComboboxDatepickerDialogDropdownIconRadioRadio GroupScroll AreaSelectSpacerStackSwitchTextTextInputToastTooltip
Behaviors
Visually HiddenCollapseuseOutsideClick
Patterns
Page HeroMicro HeaderFeature GridsImg WrapperSection HeadersGif WrapperCard VariantsGradient TextFooter
Components
CardHeadingLinkLinkWithIconSpinnerSkeletonLogoProduct Category IconBrand ButtonAtlas ButtonAtlas TextfieldAtlas CheckboxAtlas RadioAtlas Tooltip
Screens
Getting Started Page

Collapse

Alpha
Creates regions of content that can expand/collapse with a simple animation.
Access to Fuegokit npm packages, source code repositories, and some content is limited to Appfire staff. Log in with Slack to continue.
SourceStorybook

Collapse provides an orchestrated animation for situations where you may need to reduce cognitive load with progressive disclosure.

Import

import {Collapse} from '@fuegokit/react'

Usage

Footer

Edit this page on Bitbucket
On this page

  • Import
  • Usage