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
29 lines
1.4 KiB
Markdown
29 lines
1.4 KiB
Markdown
# 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](https://www.w3.org/WAI/ARIA/apg/) 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/](https://ariakit.org/)
|
|
- Radix UI - [https://www.radix-ui.com/](https://www.radix-ui.com/)
|
|
- React Aria - [https://react-spectrum.adobe.com/react-aria/](https://react-spectrum.adobe.com/react-aria/)
|
|
- Zag - [https://zagjs.com/](https://zagjs.com/)
|
|
- corvu - [https://corvu.dev/](https://corvu.dev/)
|
|
|
|
Next[Getting started→](https://kobalte.dev/docs/core/overview/getting-started) |