History

gopienkonikita f050df8eaf Merge branch 'release/v2.0.0' into bugfix/fix-member-list-requests		2023-11-02 11:59:32 +03:00
..
sub-components	Merge branch 'release/v2.0.0' into bugfix/fix-member-list-requests	2023-11-02 11:59:32 +03:00
i18n.js	Client: Fixed language change	2023-10-12 20:25:55 +05:00
index.js	code cleanup	2023-11-01 18:36:16 +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

README.md

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