xl vision
  • Component
  • React Hooks
  • Playground
  • Overview
  • Color
  • Getting Start
    • Installation
  • General
    • Icon
    • Button
  • Layout
    • Grid
  • Form
    • Input
    • InputNumber
    • Textarea
  • Navigation
    • Dropdown
    • Affix
    • BackTop
    • Anchor
  • Data Display
    • Tooltip
    • Popover
    • Avatar
  • Faceback
    • Popconfirm
    • Dialog
    • Message
    • Notication
  • Animation
    • Transition
    • TransitionGroup
    • CollapseTransition
    • Ripple
  • Styles
    • Theme
    • CssBaseline
  • Basic Component
    • BaseButton
    • Portal
    • Popper
    • Modal
    • ResizeObserver

ResizeObserver

A basic component that can easily monitor the width and height of internal elements. Based on useResizeObserver, this component does not limit the number of internal elements, and can monitor changes in the size of multiple elements at the same time.

Examples

heightpxwidthpx
Basic

Basic

Properties

PropertyDescriptionTypeDefaultRequire
childrenChildrenReactNode-true
onResizeObserverCallback for size change(state: { width:number, height: number }, target: Element) => void-false
Examples
Basic
Properties
Copyright © 2020-2021 Rhys Xia