History

Aleksandr Lushkin dfe9e91b98 Shared: Section: Fix progress bar scrolls with section body		2024-05-20 15:54:06 +02:00
..
sub-components	Client: Shared: Refactor Scrollbar	2024-05-16 15:55:37 +02:00
index.tsx	Shared: Section: Fix progress bar scrolls with section body	2024-05-20 15:54:06 +02:00
README.md	Client: fix section import	2024-01-17 16:22:20 +03:00
Section.constants.ts	Shared: Section: Make scrollbar wrap whole page. Fix related bugs	2024-05-16 15:31:21 +02:00
Section.styled.ts	Shared: Section: Fix progress bar scrolls with section body	2024-05-20 15:54:06 +02:00
Section.types.ts	Shared: Section: Fix progress bar scrolls with section body	2024-05-20 15:54:06 +02:00
Section.utils.ts	Replaced copyright start year + format	2024-03-21 18:09:55 +04:00

README.md

Section

Default section

Usage

import Section from "@docspace/shared/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