.. | ||
sub-components | ||
index.tsx | ||
README.md | ||
Section.constants.ts | ||
Section.styled.ts | ||
Section.types.ts | ||
Section.utils.ts |
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 |