https://github.com/cfware/full-center

Web Component to center content vertically and horizontally
https://github.com/cfware/full-center

Last synced: about 2 months ago
JSON representation

Web Component to center content vertically and horizontally

• Host: GitHub
• URL: https://github.com/cfware/full-center
• Owner: cfware
• License: mit
• Created: 2019-01-11T21:15:34.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2020-09-21T14:40:43.000Z (over 4 years ago)
• Last Synced: 2024-10-29T01:28:42.136Z (2 months ago)
• Language: JavaScript
• Size: 60.5 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# @cfware/full-center [![NPM Version][npm-image]][npm-url]

Web Component to center content vertically and horizontally.

## Usage

Import to your application:

```js

import '@cfware/full-center';

```

Use to center content:

```html



	

		
This will be in the center of the container element.

	



```


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

[npm-image]: https://img.shields.io/npm/v/@cfware/full-center.svg

[npm-url]: https://npmjs.org/package/@cfware/full-center