Container

The component centers content and constrains its maximum width for optimal readability.

Demo

React

Content

Vue

Content

Example

The Container component provides base styles (full width, centered content and padding).

React

import { Container } from '@fintech-sandpit/ui/react'; // Component
import '@fintech-sandpit/ui/style/components/container.css'; // Style (optional)

return (
  <Container>
    Content
  </Container>
);

Vue

<script setup lang="ts">
import { Container } from '@fintech-sandpit/ui/vue'; // Component
import '@fintech-sandpit/ui/style/components/container.css'; // Style (optional)
</script>

<template>
  <Container>
    Content
  </Container>
</template>