Page Center

Overview

An easy way to center items on a page. Add the Center component to center everything without including any columns. This is useful for making something like a Auth section where you want a Card component placed in the middle of the page.

<script>
  // Inside of your page file.

  // Import the rows
  import { Center, Card } from "bubbles-ui";

  //When you are using center, you do not use any Rows or Columns
</script>

<Center>
  <Card>Your card content here</Card>
</Center>;