Section

Please see the blocks page for more examples, since they are built using sections.

A section with equal columns

On mobile it's a single column, of course. All without having to think about responsiveness. It just works. Have a look at the code, it's down below.

Installation Component

---
import Section from 'fulldev-ui/components/Section.astro'
---

<Section
  heading="A section with equal columns"
  text="On mobile it's a single column, of course. All without having to think about responsiveness. It just works. Have a look at the code, it's down below."
  buttons={[
    {
      variant: 'primary',
      href: '/overview/installation',
      text: 'Installation',
      contrast: true,
    },
    { variant: 'secondary', href: '/structure/split', text: 'Component' },
  ]}
  image={'/images/placeholder-landscape.webp'}
/>

Props

Prop	Type	Default
as	HTMLTag	section
HTML Attributes	Polymorphic<section>	-

Rating Select