Record · corpus.blog/posts/01a087db-451e-7248-a1c4-6ef0a9c2f3c6

The many ways to build a tabs component in React

sandroroth.com · published 23 July 2024

A record is what was published and who pointed at it. The text of the post is not held here: read it at the source, or at its Wayback capture.

Read the post at sandroroth.com Wayback capture

0blogs citing

First cited: —
Most recent: —
Rank this month: not ranked
External links: 38
Words captured: 19,530

Cited by

No blog we hold has cited this post yet.

Links from this post

Link

Host

https://mui.com/

mui.com

https://primereact.org/

primereact.org

https://www.radix-ui.com/primitives

radix-ui.com

https://react-spectrum.adobe.com/react-aria/index.html

react-spectrum.adobe.com

https://mui.com/material-ui/react-tabs/

mui.com

https://primereact.org/tabview/

primereact.org

https://www.radix-ui.com/primitives/docs/components/tabs

radix-ui.com

https://react-spectrum.adobe.com/react-aria/Tabs.html

react-spectrum.adobe.com

https://mstdn.social/@sandroroth

mstdn.social

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale

developer.mozilla.org

https://www.w3.org/WAI/ARIA/apg/patterns/tabs/

w3.org

https://github.com/mui/material-ui/blob/288863bd2f8681a82c4bfbaf13215b41043bc551/packages/mui-material/src/Tabs/Tabs.js

github.com

https://www.w3.org/TR/wai-aria-1.2/

w3.org

https://github.com/primefaces/primereact/blob/a67ffd8ee5d12bdb228193b1809d87839389de1c/components/lib/tabview/TabView.js

github.com

https://github.com/primefaces/primereact/blob/a67ffd8ee5d12bdb228193b1809d87839389de1c/components/lib/utils/UniqueComponentId.js

github.com

https://react.dev/reference/react/useId

react.dev

https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/

w3.org

https://github.com/radix-ui/primitives/blob/8175208cdbb8577e53f1165678ee0ce28a801837/packages/react/id/src/id.tsx

github.com

https://html.spec.whatwg.org/multipage/dom.html

html.spec.whatwg.org

https://github.com/radix-ui/primitives/blob/8175208cdbb8577e53f1165678ee0ce28a801837/packages/react/collection/src/Collection.tsx

github.com

https://github.com/radix-ui/primitives/blob/8175208cdbb8577e53f1165678ee0ce28a801837/packages/react/roving-focus/src/RovingFocusGroup.tsx

github.com

https://github.com/adobe/react-spectrum/blob/914b5dfeb7c4622ad177993d92b391cf993fd371/packages/%40react-aria/ssr/src/SSRProvider.tsx

github.com

https://github.com/adobe/react-spectrum/blob/914b5dfeb7c4622ad177993d92b391cf993fd371/packages/%40react-aria/tabs/src/utils.ts

github.com

https://github.com/adobe/react-spectrum/blob/914b5dfeb7c4622ad177993d92b391cf993fd371/packages/%40react-aria/collections/src/Document.ts

github.com

https://github.com/adobe/react-spectrum/blob/914b5dfeb7c4622ad177993d92b391cf993fd371/packages/%40react-aria/collections/src/Hidden.tsx

github.com

https://github.com/adobe/react-spectrum/blob/914b5dfeb7c4622ad177993d92b391cf993fd371/packages/%40react-aria/selection/src/useSelectableCollection.ts

github.com

https://github.com/adobe/react-spectrum/blob/914b5dfeb7c4622ad177993d92b391cf993fd371/packages/%40react-aria/tabs/src/TabsKeyboardDelegate.ts

github.com

https://github.com/adobe/react-spectrum/blob/914b5dfeb7c4622ad177993d92b391cf993fd371/packages/%40react-stately/selection/src/SelectionManager.ts

github.com

https://github.com/adobe/react-spectrum/blob/914b5dfeb7c4622ad177993d92b391cf993fd371/packages/%40react-aria/selection/src/useSelectableItem.ts

github.com

https://github.com/adobe/react-spectrum/blob/914b5dfeb7c4622ad177993d92b391cf993fd371/packages/%40react-aria/focus/src/focusSafely.ts

github.com

https://github.com/primefaces/primereact/issues/3096

github.com

https://github.com/mui/material-ui/blob/288863bd2f8681a82c4bfbaf13215b41043bc551/packages/mui-system/src/RtlProvider/index.js

github.com

https://github.com/radix-ui/primitives/blob/8175208cdbb8577e53f1165678ee0ce28a801837/packages/react/direction/src/Direction.tsx

github.com

https://github.com/adobe/react-spectrum/blob/914b5dfeb7c4622ad177993d92b391cf993fd371/packages/%40react-aria/i18n/src/context.tsx

github.com

https://github.com/adobe/react-spectrum/blob/914b5dfeb7c4622ad177993d92b391cf993fd371/packages/%40react-aria/i18n/src/utils.ts

github.com

https://github.com/radix-ui/primitives/blob/8175208cdbb8577e53f1165678ee0ce28a801837/packages/react/tabs/src/Tabs.tsx

github.com

https://github.com/adobe/react-spectrum/blob/914b5dfeb7c4622ad177993d92b391cf993fd371/packages/%40react-aria/tabs/src/useTabPanel.ts

github.com

https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker

developer.mozilla.org