Skip to content

Latest commit

 

History

History
58 lines (38 loc) · 1.5 KB

README.md

File metadata and controls

58 lines (38 loc) · 1.5 KB
Raw

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