相关文章推荐
骑白马的饭卡  ·  How to checkout a tag ...·  1 周前    · 
很拉风的小狗  ·  React中如何在FileReader的on ...·  1 周前    · 
坏坏的黑框眼镜  ·  React Konvajs cached ...·  5 天前    · 
安静的包子  ·  Elian Codes | 💄 ...·  5 天前    · 
踢足球的洋葱  ·  GitHub - ...·  5 天前    · 
爱热闹的作业本  ·  倦倦喵海报-倦倦喵海报模板-倦倦喵海报设计-千库网·  10 月前    · 
谦虚好学的茶叶  ·  中国科学院北京基因组研究所(国家生物信息中心)·  10 月前    · 
帅呆的海龟  ·  调用Python对象时超出了最大递归深度·  10 月前    · 
傻傻的南瓜  ·  决战东京 ...·  1 年前    · 
成熟的番茄  ·  原神:每日任务中的隐藏成就 你拿到了几个 ...·  1 年前    · 
Code  ›  React Sidebar API component - Syncfusion
react
https://helpej2.syncfusion.com/react/documentation/api/sidebar/
发怒的弓箭
9 月前
React
Edit Edit This Document Install NuGet
Demos
Support
Forum
FREE TRIAL
DEMOS
SUPPORT
FORUM
DOWNLOAD
Search results

SidebarComponent

SidebarComponent represents the Essential JS 2 React Sidebar Component.

<SidebarComponent></SidebarComponent>

Properties

Enable or disable persisting component’s state between page reloads. If enabled, following list of states will be persisted.

  • Position
  • Defaults to false

    Specifies the Sidebar in RTL mode that displays the content in the right-to-left direction.

    Defaults to false

    Gets or sets the Sidebar component is open or close.

    When the Sidebar type is set to Auto , the component will be expanded in the desktop and collapsed in the mobile mode regardless of the isOpen property.

    Defaults to false

    Specifies the media query string for resolution, which when met opens the Sidebar.

      let defaultSidebar: Sidebar = new Sidebar({
          mediaQuery:'(min-width: 600px)'
      });

    For more details about mediaQuery refer to Auto Close documentation.

    Defaults to null

    Specifies the position of the Sidebar (Left/Right) corresponding to the main content.

    For more details about SidebarPosition refer to position documentation.

    Defaults to ‘Left’

    Specifies the whether to apply overlay options to main content when the Sidebar is in an open state.

    For more details about showBackdrop refer to Backdrop documentation.

    Defaults to false

    Allows to place the sidebar inside the target element.

    For more details about target refer to Custom Context documentation.

    Defaults to null

    Specifies the expanding types of the Sidebar.

  • Over - The sidebar floats over the main content area.
  • Push - The sidebar pushes the main content area to appear side-by-side, and shrinks the main content within the screen width.
  • Slide - The sidebar translates the x and y positions of main content area based on the sidebar width. The main content area will not be adjusted within the screen width.
  • Auto - Sidebar with Over type in mobile resolution and Push type in other higher resolutions.

    For more details about SidebarType refer to SidebarType documentation.

    Defaults to ‘Auto’

    Specifies the width of the Sidebar. By default, the width of the Sidebar sets based on the size of its content. Width can also be set in pixel values.

    Defaults to ‘auto’

    Specifies the z-index of the Sidebar. It is applicable only when sidebar act as overlay type.

    Defaults to 1000

    Methods

    destroy

    Removes the control from the DOM and detaches all its related event handlers. Also it removes the attributes and classes.

    Returns void

    Hide the Sidebar component, if it is in an open state.

    Parameter Description
  • Properties
  • animate
  • closeOnDocumentClick
  • dockSize
  • enableDock
  • enableGestures
  • enablePersistence
  • enableRtl
  • isOpen
  • mediaQuery
  • position
  • showBackdrop
  • target
  • width
  • zIndex
  • Methods
  • destroy
  • toggle
  • Events
  • change
  • close
  • created
  • destroyed
  • Contents
  • Properties
  • animate
  • closeOnDocumentClick
  • dockSize
  • enableDock
  • enableGestures
  • enablePersistence
  • enableRtl
  • isOpen
  • mediaQuery
  • position
  • showBackdrop
  • target
  • width
  • zIndex
  • Methods
  • destroy
  • toggle
  • Events
  •  
    推荐文章
    骑白马的饭卡  ·  How to checkout a tag in Git
    1 周前
    很拉风的小狗  ·  React中如何在FileReader的onload回调中访问局部变量startInt
    1 周前
    坏坏的黑框眼镜  ·  React Konvajs cached image + transformer · Issue #835 · konvajs/konva · GitHub
    5 天前
    安静的包子  ·  Elian Codes | 💄 Using KonvaJS as canvas with React
    5 天前
    踢足球的洋葱  ·  GitHub - konvajs/react-konva: React + Canvas = Love. JavaScript library for drawing complex canvas g
    5 天前
    爱热闹的作业本  ·  倦倦喵海报-倦倦喵海报模板-倦倦喵海报设计-千库网
    10 月前
    谦虚好学的茶叶  ·  中国科学院北京基因组研究所(国家生物信息中心)
    10 月前
    帅呆的海龟  ·  调用Python对象时超出了最大递归深度
    10 月前
    傻傻的南瓜  ·  决战东京 再铸辉煌——写在东京奥运会倒计时一周年之际-新华网
    1 年前
    成熟的番茄  ·  原神:每日任务中的隐藏成就 你拿到了几个 每个成就有5颗原石|旅行者|艾琳|蒙德|艾拉_网易订阅
    1 年前
    今天看啥   ·   Py中国   ·   codingpro   ·   小百科   ·   link之家   ·   卧龙AI搜索
    删除内容请联系邮箱 2879853325@qq.com
    Code - 代码工具平台
    © 2024 ~ 沪ICP备11025650号