DocSpace-client/packages/common/components/Section
2023-01-18 19:09:00 +03:00
..
sub-components Web: delete useless images 2023-01-11 12:32:15 +03:00
i18n.js Web: Packages: localStorage usage changed to cookies when saving language 2022-08-05 17:21:14 +03:00
index.js Web:Common:Section: fix floating button position when info panel is visible 2022-12-22 14:46:13 +03:00
README.md Web: Moved all clients app to packages directory 2022-07-22 22:01:25 +03:00
section.stories.js Web: fix svg src after merge 2023-01-18 19:09:00 +03:00
section.test.js Web: Moved all clients app to packages directory 2022-07-22 22:01:25 +03:00

Section

Default section

Usage

import Section from "@docspace/common/components/Section";
<Section withBodyScroll={true}>
  <Section.SectionHeader>{sectionHeaderContent}</Section.SectionHeader>

  <Section.SectionFilter>{sectionFilterContent}</Section.SectionFilter>

  <Section.SectionBody>{sectionBodyContent}</Section.SectionBody>

  <Section.SectionPaging>{sectionPagingContent}</Section.SectionPaging>
</Section>

Properties

Props Type Required Values Default Description
sectionHeaderContent bool - - - Section header content
sectionFilterContent bool - - - Section filter content
sectionBodyContent bool - - - Section body content
sectionPagingContent bool - - - Section paging content
withBodyScroll bool - - true If you need display scroll inside content
withBodyAutoFocus bool - - false If you need set focus on content element