Skip to content

Commit

Permalink
Merge pull request #396 from adaptui/ariakit-new-alpha
Browse files Browse the repository at this point in the history
  • Loading branch information
navin-moorthy committed Jul 25, 2022
2 parents d70d2d0 + fa1ab1f commit 35264fc
Show file tree
Hide file tree
Showing 14 changed files with 1,021 additions and 839 deletions.
2 changes: 1 addition & 1 deletion docs/accordion.md
Original file line number Diff line number Diff line change
Expand Up @@ -195,7 +195,7 @@ export default AccordionBasic;
| **`orientation`** | <code>Orientation</code> | Defines the orientation of the composite widget. If the composite has asingle row or column (one-dimensional), the `orientation` value determineswhich arrow keys can be used to move focus: - `both`: all arrow keys work. - `horizontal`: only left and right arrow keys work. - `vertical`: only up and down arrow keys work.It doesn't have any effect on two-dimensional composites. |
| **`rtl`** | <code>boolean</code> | Determines how the `next` and `previous` functions will behave. If `rtl` isset to `true`, they will be inverted. This only affects the compositewidget behavior. You still need to set `dir="rtl"` on HTML/CSS. |
| **`focusLoop`** | <code>boolean \| Orientation</code> | On one-dimensional composites: - `true` loops from the last item to the first item and vice-versa. - `horizontal` loops only if `orientation` is `horizontal` or not set. - `vertical` loops only if `orientation` is `vertical` or not set. - If `activeId` is initially set to `null`, the composite element will be focused in between the last and first items.On two-dimensional composites: - `true` loops from the last row/column item to the first item in the same row/column and vice-versa. If it's the last item in the last row, it moves to the first item in the first row and vice-versa. - `horizontal` loops only from the last row item to the first item in the same row. - `vertical` loops only from the last column item to the first item in the column row. - If `activeId` is initially set to `null`, vertical loop will have no effect as moving down from the last row or up from the first row will focus the composite element. - If `focusWrap` matches the value of `focusLoop`, it'll wrap between the last item in the last row or column and the first item in the first row or column and vice-versa. |
| **`focusWrap`** | <code>boolean \| Orientation</code> | **Has effect only on two-dimensional composites**. If enabled, moving tothe next item from the last one in a row or column will focus the firstitem in the next row or column and vice-versa. - `true` wraps between rows and columns. - `horizontal` wraps only between rows. - `vertical` wraps only between columns. - If `focusLoop` matches the value of `focusWrap`, it'll wrap between the lastitem in the last row or column and the first item in the first row orcolumn and vice-versa. |
| **`focusWrap`** | <code>boolean \| Orientation</code> | **Has effect only on two-dimensional composites**. If enabled, moving tothe next item from the last one in a row or column will focus the firstitem in the next row or column and vice-versa. - `true` wraps between rows and columns. - `horizontal` wraps only between rows. - `vertical` wraps only between columns. - If `focusLoop` matches the value of `focusWrap`, it'll wrap between the last item in the last row or column and the first item in the first row or column and vice-versa. |
| **`focusShift`** | <code>boolean</code> | **Has effect only on two-dimensional composites**. If enabled, moving upor down when there's no next item or the next item is disabled will shiftto the item right before it. |
| **`moves`** | <code>number</code> | The number of times the `move` function has been called. |
| **`includesBaseElement`** | <code>boolean</code> | Indicates whether the `Composite` element should be included in the focusorder. |
Expand Down
Loading

1 comment on commit 35264fc

@vercel
Copy link

@vercel vercel bot commented on 35264fc Jul 25, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

react – ./

adaptui-react.vercel.app
react-timelessco.vercel.app
react-git-main-timelessco.vercel.app

Please sign in to comment.