Section - OneScript

Section provides header, content, and footer view slots. header and footer accept any OneScript view, component, or view array.

import { HStack, Section, Symbol, Text } from "onescript/views"

<Section
  header={
    <HStack spacing={6}>
      <Symbol name="person.2.fill" />
      <Text>Team</Text>
    </HStack>
  }
  footer={<Text>2 people</Text>}
>
  <Text>Alice</Text>
  <Text>Bob</Text>
</Section>

Prop	Type	Description
`header`	`ViewChild`	Optional header content.
`footer`	`ViewChild`	Optional footer content.
`children`	`ViewChild`	The section's body content.

Use pinnedViews in a LazyVStack, LazyHStack, LazyVGrid, or LazyHGrid to keep section headers or footers pinned while scrolling.