Section

February 6, 2026 ยท View on GitHub

Default section

Usage

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

PropsTypeRequiredValuesDefaultDescription
sectionHeaderContentbool---Section header content
sectionFilterContentbool---Section filter content
sectionBodyContentbool---Section body content
sectionPagingContentbool---Section paging content
withBodyScrollbool--trueIf you need display scroll inside content
withBodyAutoFocusbool--falseIf you need set focus on content element