2.0.0 • Published 4 years ago
vertically-aligned v2.0.0
Vertically Aligned
Small (<1kb) and native web component designed to verically align elements on a page.
Why?
Seems like vertically align is still an issue? I still see a lot of people joking/complaining about this, so I guess this component will have an audience.
Install it as a module:
npm install @lucas-aragno/vertically-aligned@2.0.0
How to use it
On your regular websites just include the script and use the component
<vertically-aligned>
<h1> content !!! </h1>
</vertically-aligned>
On react,preact and similar frameworks you can import the component and use it:
import React, { Component } from 'react';
import 'vertically-aligned';
class HelloWorld extends Component {
render() {
return (
<vertically-aligned>
<h1>Hello World, React!</h1>
</vertically-aligned>
);
}
}
export default HelloWorld;
That should output something like this:
No Flex? No problem!
Add the attribute noFlex
to the HTML tag and it will use table styles.
<vertically-aligned noFlex>
<h1> content !!! </h1>
</vertically-aligned>
2.0.0
4 years ago