0.1.0 • Published 9 years ago

flex-element v0.1.0

Weekly downloads
3
License
MIT
Repository
github
Last release
9 years ago

Flex Element

Contents

Introduction

Flexbox element

Installation

Bower

$ bower install flex-element

npm

$ npm install flex-element

Usage

index.html

<!doctype html>
<html>
  <head>
    <script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
    <link rel="import" href="bower_components/flex-element/flex-element.html">
  </head>
  <body>
    <flex-element>
    </flex-element>
  </body>
</html>

Running locally

polyserve

$ npm install --global polyserve
$ polyserve

Reference

flex-element

<flex-element></flex-element>

Attributes

Children alignment
x-axis
  • x-center
<flex-element x-center></flex-element>
  • x-start
<flex-element x-start></flex-element>
  • x-end
<flex-element x-end></flex-element>
  • x-space-around
<flex-element x-space-around></flex-element>
  • x-space-between
<flex-element x-space-between></flex-element>
y-axis
  • y-baseline
<flex-element y-baseline></flex-element>
  • y-center
<flex-element y-center></flex-element>
  • y-start
<flex-element y-start></flex-element>
  • y-end
<flex-element y-end></flex-element>
  • y-stretch
<flex-element y-stretch></flex-element>

Browser support

Contributing

Contributing

License

© 2015 Charbel Rami

MIT

flexflexboxpolymerweb-componentweb-components
@everything-registry/sub-chunk-1680@infinitebrahmanuniverse/nolb-fle@zalastax/nolb-fle
0.1.0

9 years ago