Sandbox to view Ark UI styling examples.
Built with CSS panda, Sandpack and ❤️
Feel free to open a pull request for any of the unchecked components. The only requirement, is that it matches the Vanilla CSS version. By match, i mean Look like it 😉
| Scoped | React | Vue | Solid |
|---|---|---|---|
| Accordion | 🟢 | ⚪ | 🟢 |
| Carousel | ⚪ | ⚪ | ⚪ |
| Checkbox | 🟢 | 🟢 | 🟢 |
| Dialog | 🟢 | ⚪ | ⚪ |
| Combobox | ⚪ | ⚪ | ⚪ |
| Editable | ⚪ | ⚪ | ⚪ |
| Hover Card | 🟢 | ⚪ | ⚪ |
| Menu | 🟢 | ⚪ | ⚪ |
| Number Input | 🟢 | ⚪ | ⚪ |
| Pagination | 🟢 | ⚪ | ⚪ |
| Pin Input | 🟢 | ⚪ | ⚪ |
| Popover | 🟢 | ⚪ | ⚪ |
| Radio Group | 🟢 | ⚪ | ⚪ |
| Range Slider | 🟢 | ⚪ | ⚪ |
| Rating | 🟢 | ⚪ | ⚪ |
| Select | 🟢 | ⚪ | ⚪ |
| Slider | 🟢 | ⚪ | ⚪ |
| Splitter | 🟢 | ⚪ | ⚪ |
| Tabs | 🟢 | ⚪ | ⚪ |
| Tags Input | 🟢 | ⚪ | ⚪ |
| Toast | 🟢 | ⚪ | ⚪ |
| Tooltip | 🟢 | ⚪ | ⚪ |
| Inline | React | Vue | Solid |
|---|---|---|---|
| Accordion | ⚪ | ⚪ | ⚪ |
| Carousel | ⚪ | ⚪ | ⚪ |
| Checkbox | 🟢 | 🟢 | 🟢 |
| Dialog | ⚪ | ⚪ | ⚪ |
| Combobox | ⚪ | ⚪ | ⚪ |
| Editable | ⚪ | ⚪ | ⚪ |
| Hover Card | ⚪ | ⚪ | ⚪ |
| Menu | ⚪ | ⚪ | ⚪ |
| Number Input | ⚪ | ⚪ | ⚪ |
| Pagination | ⚪ | ⚪ | ⚪ |
| Pin Input | ⚪ | ⚪ | ⚪ |
| Popover | ⚪ | ⚪ | ⚪ |
| Radio Group | ⚪ | ⚪ | ⚪ |
| Range Slider | ⚪ | ⚪ | ⚪ |
| Rating | ⚪ | ⚪ | ⚪ |
| Select | ⚪ | ⚪ | ⚪ |
| Slider | ⚪ | ⚪ | ⚪ |
| Splitter | ⚪ | ⚪ | ⚪ |
| Tabs | ⚪ | ⚪ | ⚪ |
| Tags Input | ⚪ | ⚪ | ⚪ |
| Toast | ⚪ | ⚪ | ⚪ |
| Tooltip | ⚪ | ⚪ | ⚪ |