@sxo/svelte integrates the SXO design system seamlessly into Svelte projects, providing a native developer experience with zero runtime bloat.

✨ Key Features

• 🧩 Headless Logic: Leverages @sxo/design logic for component behavior.
• ⚡ Svelte Native: Designed specifically for Svelte's compiler and reactivity model.
• 🎨 Atomic Styling: Works perfectly with @sxo/ui generators.
• ♿ Accessible: Built-in ARIA support and keyboard interaction.
• 🛡️ Type Safe: First-class TypeScript support.

🚀 Quick Start

Installation

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

Basic Usage

<script>
  import { Button, SxoProvider } from '@sxo/svelte';
  import antdTheme from '@sxo/theme-antd';
</script>

<SxoProvider tokens={antdTheme}>
  <Button variant="primary" on:click={() => console.log('Svelte SXO!')}>
    Click Me
  </Button>
</SxoProvider>

📖 Documentation

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

📄 License

MIT License.