https://github.com/1000ch/x-flexbox
Web Components which provide Flexbox features.
https://github.com/1000ch/x-flexbox
flexbox layout web-components
Last synced: about 1 year ago
JSON representation
Web Components which provide Flexbox features.
- Host: GitHub
- URL: https://github.com/1000ch/x-flexbox
- Owner: 1000ch
- License: mit
- Created: 2019-10-11T07:24:37.000Z (over 6 years ago)
- Default Branch: main
- Last Pushed: 2024-09-02T02:19:00.000Z (almost 2 years ago)
- Last Synced: 2024-10-12T23:51:24.354Z (over 1 year ago)
- Topics: flexbox, layout, web-components
- Language: TypeScript
- Homepage: https://1000ch.github.io/x-flexbox/
- Size: 1.2 MB
- Stars: 3
- Watchers: 3
- Forks: 0
- Open Issues: 6
-
Metadata Files:
- Readme: readme.md
- License: license
Awesome Lists containing this project
README
# x-flexbox [](https://github.com/1000ch/x-flexbox/actions/workflows/test.yml)
> Web Components which provide Flexbox features.
## Install
Using [npm](https://www.npmjs.org/package/x-flexbox):
```sh
$ npm install x-flexbox
```
## Usage
Import `FlexContainer` and `FlexItem`, register them.
```html
import { FlexContainer, FlexItem } from 'https://unpkg.com/x-flexbox';
customElements.define('flex-container', FlexContainer);
customElements.define('flex-item', FlexItem);
```
Put `` and ``.
```html
```
## License
[MIT](https://1000ch.mit-license.org) © [Shogo Sensui](https://github.com/1000ch)