db906fd85a
- Replace .eslintrc.cjs with eslint.config.mjs (ESLint 9 flat config)
using direct eslint-plugin-solid + @typescript-eslint/parser approach
- Add @typescript-eslint/parser to root devDependencies
- Add main/module/types top-level fields to packages/core/package.json
- Add resolve.conditions to packages/core/vite.config.ts
- Create packages/core/tsconfig.test.json for test type-checking
- Remove empty paths:{} from packages/core/tsconfig.json
1.4 KiB
Introduction
Kobalte is a UI toolkit for building accessible web apps and design systems with SolidJS. It provides a set of low-level UI components and primitives which can be the foundation for your design system implementation.
Key features
Accessible
Components follow the WAI-ARIA Authoring Practices whenever possible. Kobalte handle accessibility implementation details like ARIA attributes, focus management, and keyboard navigation.
Composable
Kobalte provides granular access to each component parts, so you can wrap them and add your own event listeners, props, etc.
Unstyled
Components are shipped with zero styles, allowing you to completely customize the look and feel. Bring your preferred styling solution (vanilla CSS, Tailwind, CSS-in-JS libraries, etc...).
Acknowledgment
Kobalte would not have been possible without the prior art done by other meaningful projects from the frontend community including:
- Ariakit - https://ariakit.org/
- Radix UI - https://www.radix-ui.com/
- React Aria - https://react-spectrum.adobe.com/react-aria/
- Zag - https://zagjs.com/
- corvu - https://corvu.dev/
NextGetting started→