# Ocelot.Social Documentation

Skip to main content

- Introduction
- Neo4J

- Backend

  - GraphQL
  - neo4j-graphql-js

- Webapp (Frontend)

  - Components
  - HTML
  - SCSS
  - Vue

- Testing Guide

  - End-to-end Tests
  - Webapp (Frontend) Tests
  - Backend Tests
- Deployment
- Contributing
- Feature Specification
- Code of Conduct
- Documentation
- License

#

April 5, 2026
Less than 1 minute

On This Page

- Default
- Variants
- Fullheight

## Default

A default section.

    <ds-section>
      <ds-heading>Give a little respect</ds-heading>
      <ds-text>A default section is used to separate content.</ds-text>
    </ds-section>

## Variants

Use color variants to catch the users attention.

    <ds-section primary>
      <ds-heading>Give a little respect</ds-heading>
      <ds-text>A default section is used to separate content.</ds-text>
    </ds-section>
    <ds-section secondary>
      <ds-heading>Give a little respect</ds-heading>
      <ds-text>A default section is used to separate content.</ds-text>
    </ds-section>

## Fullheight

A fullheight section is useful to draw additional attention to its content.

    <ds-section secondary fullheight centered>
      <ds-heading>Give a little respect</ds-heading>
      <ds-text>A default section is used to separate content.</ds-text>
    </ds-section>