@cfware/full-center

Web Component to center content vertically and horizontally.

Usage no npm install needed!

<script type="module">
  import cfwareFullCenter from 'https://cdn.skypack.dev/@cfware/full-center';
</script>

README

@cfware/full-center NPM Version

Web Component to center content vertically and horizontally.

Usage

Import to your application:

import '@cfware/full-center';

Use to center content:

<div class="container-class" style="display: flex">
    <full-center>
        <div>This will be in the center of the container element.</div>
    </full-center>
</div>

The parent element must have the style display: flex for this element to work.