Radix Svelte

Description

This is a port of Radix UI for Svelte.

Design Principles

This is not a 1:1 re-implementation of Radix UI. The goal is to provide a similar API and experience, but with a few differences:

• Two-way binding is used instead of event handlers.
• No asChild prop (for now).

Usage

Install the package:

npm install radix-svelte
# or yarn, pnpm, etc.

Import the components you need:

<script>
	import { Toggle } from 'radix-svelte';

	let pressed = false;
</script>

<Toggle.Root bind:pressed>
	{pressed ? 'Pressed' : 'Not pressed'}
</Toggle.Root>

Roadmap

You can check the planned features and bugs in the issues tab

Contributing

Check out our contributing guide

Community

• Discord