Section

Examples

Default section

Default section
<r-section>
    Default section
<r-section/>

Colored sections

Primary section

Secondary section
<r-section>
    Primary section
</r-section>
<r-section>
    Secondary section
</r-section>

Using contrast buttons with colored sections


<r-section color="primary">
    <r-button contrast>Read more</r-button>
</r-section>
<r-section color="secondary">
    <r-button color="secondary" contrast>Read more</r-button>
</r-section>

Size

Small

Medium (default)

Large
<r-section color="primary" size="sm">
    Small
</r-section>
<r-section color="primary" size="md">
    Medium (default)
</r-section>
<r-section color="primary" size="lg">
    Large
</r-section>

API

Props

NameTypeDefault

Events

NameTypeDefault

Slots

NameTypeDefault