@sxo/solid brings the power of the SXO design system to SolidJS, combining high-performance fine-grained reactivity with robust headless logic.

✨ Key Features

• 🧩 Headless Logic: Integrated with @sxo/design logic for state management.
• ⚡ High Performance: Optimized for SolidJS's fine-grained reactivity system.
• 🎨 Atomic Styling: Seamlessly integrates with @sxo/ui generators.
• ♿ Accessible: Built-in ARIA support and keyboard interaction.
• 🛡️ Type Safe: Full TypeScript support.

🚀 Quick Start

Installation

pnpm add @sxo/solid @sxo/ui @sxo/engine @sxo/design

Basic Usage

import { Button, SxoProvider } from '@sxo/solid';
import antdTheme from '@sxo/theme-antd';

function App() {
  return (
    <SxoProvider tokens={antdTheme}>
      <Button variant="primary" onClick={() => console.log('Solid SXO!')}>
        Click Me
      </Button>
    </SxoProvider>
  );
}

📖 Documentation

For full documentation and examples, visit the SolidJS Adaptor Documentation.

📄 License

MIT License.