Content Section

General content section with title and custom content slot

Preview

Why Choose Ramp?

Discover the features that make Ramp the leading generator-first design system

Beautiful by Default

Track projects, deploys, and usage in real-time

Smart Optimization

AI-powered suggestions to improve your workflow

Easy Integration

Connect with existing systems and devices seamlessly

Code

<SectionBlock
  padding="lg"
  alignment="left"
  titleSize="lg"
  title="Why Choose Ramp?"
  subtitle="Discover the features that make Ramp the leading generator-first design system"
>
  <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3 mt-8">
    {/* Add your custom content here */}
  </div>
</SectionBlock>

Usage Notes

  • Import the SectionBlock component from @/components/ui/section-block
  • Customize props to match your design requirements
  • Use the children prop to add custom content
  • All variants support responsive design out of the box