DarkSection

Background wrapper that switches surface tokens to the dark palette (--dark-bg / --dark-text). Used for marketing footer, hero strips.

Preview

Usage

import { DarkSection } from '@ramtt/ui'

<DarkSection className="py-20">
  {/* dark content */}
</DarkSection>

Props

PropTypeDefaultDescription
children*ReactNode—Section content
classNamestring—Additional Tailwind classes