Working on the new Tab 🗂 component docs.
I'll also write an example where the tabs are automatically (and accessibly) collapsed into a dropdown based on the parent element's width.
Do you have any other use case you would like to see?
ALT Screenshot of a tabbed UI with part of a code snipper below. The code imports Tab, TabList, TabPanel and useTabState from the ariakit package.
What is Ariakit?
I've been talking about "Ariakit" lately, but some people may not know what this is about.
So I wrote this gist to better explain what this is and why I'm so excited: gist.github.com/diegohaz/bc0…
The @reakitjs Combobox component will support focusing on items on mouseover, so you can build something similar to the Google dot com search bar.
Check it out yourself: codesandbox.io/s/eogum?modul…
ALT Hovering over combobox options: initially, the mouseover and focus states are separate. Then, after adding a prop, hovering over the items also moves focus to them.
In November, one new backer joined. We received $75 from 9 backers and we spent $18. Our current balance is $1,130.
Thank you! 🙏
opencollective.com/ariakit
I've made a lot of progress on this new @reakitjs docs:
- Generated with actual (testable) files.
- Server-side rendered.
- Fast refresh.
- Code is editable in the browser, including styles.
- Open in CodeSandbox.
- Dark/light mode.
What more would like to see there?
ALT Screenshot of a documentation playground UI showing a combobox component and the code that renders it.
I've been working on better documentation examples for @reakitjs.
This playground component is generated from the existing example files in the project. Then, this could be used in documentation pages, blog posts etc.
ALT Using the playground component in the light and dark modes.
In September, one new backer joined. We received $60 from 9 backers and we spent $16. Our current balance is $1,041.
Thank you! 🙏
opencollective.com/ariakit
I've been putting together ideas around a Tag module for @reakitjs and how it could work together with Combobox.
This is the API I've got so far.
Alt: carbon.now.sh/?bg=rgba%28171…
ALT Screenshot of code. Text version in the tweet.