Sha256: dc7472950523c167c2320c69fb4f73d10e024f2ab264bf0fcfd285c1d0b4a721

Contents?: true

Size: 789 Bytes

Versions: 12

Compression:

Stored size: 789 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
*   `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

Version data entries

12 entries across 6 versions & 1 rubygems

Version Path
playbook_ui-10.16.0 app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui-10.16.0 app/pb_kits/playbook/pb_flex/docs/_flex_item_example.md
playbook_ui-10.15.1 app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui-10.15.1 app/pb_kits/playbook/pb_flex/docs/_flex_item_example.md
playbook_ui-10.15.1.pre.alpha.rubocop.deps app/pb_kits/playbook/pb_flex/docs/_flex_item_example.md
playbook_ui-10.15.1.pre.alpha.rubocop.deps app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui-10.15.0 app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui-10.15.0 app/pb_kits/playbook/pb_flex/docs/_flex_item_example.md
playbook_ui-10.14.1.pre.alpha2 app/pb_kits/playbook/pb_flex/docs/_flex_item.md
playbook_ui-10.14.1.pre.alpha2 app/pb_kits/playbook/pb_flex/docs/_flex_item_example.md
playbook_ui-10.14.1.pre.alpha1 app/pb_kits/playbook/pb_flex/docs/_flex_item_example.md
playbook_ui-10.14.1.pre.alpha1 app/pb_kits/playbook/pb_flex/docs/_flex_item.md