Sha256: 8199344b5a775c3672e195b7cc1a76996f09278a8d3a22bc1fcb25b3a876fe76

Contents?: true

Size: 923 Bytes

Versions: 3762

Compression:

Stored size: 923 Bytes

Contents

##### Props

*  `display_flex` | **Type**: Boolean
*  `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
*   `order` | **Type**: String | **Values**: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | first

- 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
- display_flex will either be true or false. If true, then the class will be applied to the kit

Version data entries

3,762 entries across 1,881 versions & 2 rubygems

Version Path
playbook_ui_docs-14.11.1.pre.alpha.PLAY17445539 app/pb_kits/playbook/pb_flex/docs/_flex_item_example.md
playbook_ui_docs-14.11.1.pre.alpha.PLAY17445539 app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui-14.11.1.pre.alpha.PLAY17445539 app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui-14.11.1.pre.alpha.PLAY17445539 app/pb_kits/playbook/pb_flex/docs/_flex_item_example.md
playbook_ui_docs-14.11.1.pre.alpha.PBNTR798datepickerturbo5537 app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui_docs-14.11.1.pre.alpha.PBNTR798datepickerturbo5537 app/pb_kits/playbook/pb_flex/docs/_flex_item_example.md
playbook_ui-14.11.1.pre.alpha.PBNTR798datepickerturbo5537 app/pb_kits/playbook/pb_flex/docs/_flex_item_example.md
playbook_ui-14.11.1.pre.alpha.PBNTR798datepickerturbo5537 app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui_docs-14.11.1.pre.alpha.pbntr703collapsiblerowsrails5536 app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui_docs-14.11.1.pre.alpha.pbntr703collapsiblerowsrails5536 app/pb_kits/playbook/pb_flex/docs/_flex_item_example.md
playbook_ui-14.11.1.pre.alpha.pbntr703collapsiblerowsrails5536 app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui-14.11.1.pre.alpha.pbntr703collapsiblerowsrails5536 app/pb_kits/playbook/pb_flex/docs/_flex_item_example.md
playbook_ui_docs-14.11.1.pre.alpha.PLAY1751pbcontenttagpt25529 app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui_docs-14.11.1.pre.alpha.PLAY1751pbcontenttagpt25529 app/pb_kits/playbook/pb_flex/docs/_flex_item_example.md
playbook_ui-14.11.1.pre.alpha.PLAY1751pbcontenttagpt25529 app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui-14.11.1.pre.alpha.PLAY1751pbcontenttagpt25529 app/pb_kits/playbook/pb_flex/docs/_flex_item_example.md
playbook_ui_docs-14.11.1.pre.alpha.PBNTR7495495 app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui_docs-14.11.1.pre.alpha.PBNTR7495495 app/pb_kits/playbook/pb_flex/docs/_flex_item_example.md
playbook_ui-14.11.1.pre.alpha.PBNTR7495495 app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui-14.11.1.pre.alpha.PBNTR7495495 app/pb_kits/playbook/pb_flex/docs/_flex_item_example.md