Skip to content

Commit a743666

Browse files
committed
added missing documentation for @gap argument in Flex
1 parent 5db99b6 commit a743666

File tree

1 file changed

+3
-0
lines changed

1 file changed

+3
-0
lines changed

website/docs/layouts/flex/partials/code/component-api.md

+3
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,9 @@
2828
<C.Property @name="wrap" @type="boolean" @default="false">
2929
If a `@wrap` parameter is provided, the flex items can wrap onto multiple lines when there is not enough space in the container to fit them all in a single line.
3030
</C.Property>
31+
<C.Property @name="gap" @type="enum|[enum,enum]" @values={{array "4" "8" "12" "16" "24" "32" "48"}}>
32+
Use the `@gap` argument to control the spacing between flex items. To differentiate the vertical and horizontal spacing between items when they wrap on multiple rows, provide an array of two values , where the first value refers to the vertical gap between "rows" of items (`row-gap` in CSS), the second one to the horizontal spacing between "columns" of items (`column-gap` in CSS).
33+
</C.Property>
3134
<C.Property @name="isInline" @type="boolean" @default="false">
3235
If an `@isInline` parameter is provided, then the element will be displayed as `inline-flex` (useful to achieve specific layouts). Otherwise, it will have a `flex` layout.
3336
</C.Property>

0 commit comments

Comments
 (0)