内容简介:A simple and reusable flexbox component forThis package is available on NPM, and you can install it with
svelte-flex
A simple and reusable flexbox component for Svelte .
- Sane defaults.
- Simple API.
- Reactive props.
- Minimal size.
Installation
This package is available on NPM, and you can install it with npm
or yarn
:
npm install svelte-flex yarn add svelte-flex
Usage
Import the Flex
component and use it in your Svelte project.
<script> import Flex from 'svelte-flex'; </script> <Flex> <div>Flexbox child!</div> <div>Flexbox child!</div> <div>Flexbox child!</div> </Flex>
Props
All props are optional (as they all have default values).
Prop | Possible Values | Default Value |
---|---|---|
direction |
'row' | 'column' |
'row' |
align |
'start' | 'center' | 'end' | 'stretch' |
'center' |
justify |
'start' | 'center' | 'end' | 'around' | 'between' | 'evenly' |
'center' |
reverse |
true | false |
false |
Check out the test suite if you're unsure what CSS styles are applied by these props.
The props are reactive, meaning that if they are dynamically updated, the component will update in response.
Contributing
Feel free to file an issue or open a pull request. Ensure that you add tests for any new functionality.
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。