gopienkonikita
3b74cf457a
# Conflicts: # packages/client/src/components/FilesPanels/index.js # packages/client/src/components/dialogs/index.js # packages/client/src/pages/Home/InfoPanel/Header/index.js # packages/client/src/pages/Home/Section/Filter/index.js # packages/client/src/pages/Home/Section/Header/index.js # packages/common/api/files/index.js # packages/common/store/AuthStore.js |
||
---|---|---|
.. | ||
sub-components | ||
i18n.js | ||
index.js | ||
README.md | ||
section.stories.js | ||
section.test.js |
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 |