Sha256: 208e8588b1a179d34e755fa19967f5168c1f6bef42e49defa2d2cde2b9e1b39a

Contents?: true

Size: 688 Bytes

Versions: 121

Compression:

Stored size: 688 Bytes

Contents

##### Props

*  `flex` | **Type**: String | **Values**: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12
*  `fixed_size` | **Type**: String | **Values**: Any CSS px or % value 
*  `grow` | **Type**: Boolean  
*  `shrink` | **Type**: Boolean 

- Flex is a short hand to set the flex item to take up (x) amount of available space
- Setting Flex to 1 is equal to setting the grow & shrink prop to true 
- Setting Flex to 0 is equal to setting the grow & shrink prop to false
- If grow & shrink are true, grow will take precedence an the flex item will take up as much space as possible, then if other elements are added shrink would allow other items to squish inside the flex container

Version data entries

121 entries across 121 versions & 1 rubygems

Version Path
playbook_ui-10.14.0 app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui-10.13.1 app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui-10.13.0 app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui-10.13.0.pre.node.update app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui-10.12.0 app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui-10.11.0 app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui-10.10.0 app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui-10.9.0 app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui-10.8.1.pre.alpha.flexdeps app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui-10.9.0.pre.alpha1 app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui-10.8.0 app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui-10.7.1 app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui-10.7.0 app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui-10.6.2.pre.alpha.dep app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui-10.6.1.pre.alpha1 app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui-10.6.0 app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui-10.5.0 app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui-10.4.0 app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui-10.3.0 app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui-10.2.1.alpha.sisensefix app/pb_kits/playbook/pb_flex/docs/_flex_item.md