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

Image Wrapper

Alpha
Responsive wrapper to render auto-playing product demo gifs.
Access to Fuegokit npm packages, source code repositories, and some content is limited to Appfire staff. Log in with Slack to continue.
SourceStorybookFigma

Use an Img Wrapper as a general purpose image wrapper to constrain images in a responsive container.

Import

import {ImgWrapper} from '@fuegokit/react'

Usage

Footer

Edit this page on Bitbucket
On this page

  • Import
  • Usage