DocSpace-client/packages/common/components/Section
2023-02-14 23:39:38 +03:00
..
sub-components disabled erasure warning in empty trash case 2023-02-14 23:39:38 +03:00
i18n.js Web: Packages: localStorage usage changed to cookies when saving language 2022-08-05 17:21:14 +03:00
index.js disabled erasure warning in empty trash case 2023-02-14 23:39:38 +03:00
README.md Web: Moved all clients app to packages directory 2022-07-22 22:01:25 +03:00
section.stories.js Web:Common/Client/Components: add PUBLIC_DIR alias 2023-01-27 17:08:30 +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