OxyZen UI
GitHubGitHub (opens in a new tab)
  • Introduction
  • Getting Started
  • CLI
  • Editor
  • VS Code
  • ESLint
  • Plugins
  • Variants
  • Layout
  • Typography
  • Context
  • Build Provider Tree
  • Hooks
  • useArrayState
  • useLocalStorage
  • useMediaQuery
  • useScroll
  • Layouts
  • Container
  • Section
  • Box
  • Flex
  • Grid
  • Typography
  • Heading
  • Text
  • Blockquote
  • Quote
  • Code
  • Kbd
  • Em
  • Strong

On This Page

  • Usage
  • API Reference
Question? Give us feedback → (opens in a new tab)Edit this page on GitHub →
Section

Section

Denotes a section of page content.

View Source

Usage

<Section>
  <Heading>Section title</Heading>
  <Text>Section content</Text>
</Section>

API Reference

This component is based on the section element and supports common margin props.

The props are shared between Box, Flex, Grid, Container and Section layout components.

ContainerBox

© 2023 OxyZen.