Skip to content

Commit 26e976d

Browse files
committed
more stuff
1 parent d735742 commit 26e976d

File tree

2 files changed

+4
-6
lines changed

2 files changed

+4
-6
lines changed

content/introduction.md

+3-4
Original file line numberDiff line numberDiff line change
@@ -3,15 +3,14 @@ title: Introduction
33
description: A collection of headless components for Svelte, built with Melt UI builders.
44
---
55

6-
Bits are headless component primitives that provide a simple interface for composing your own components. They have been thoughtfully designed to prioritize simplicity, customizability, and compatibility with any styling or UI framework you choose to work with.
6+
Bits UI is a collection of headless component primitives that enable you to build your own custom components. They have been thoughtfully designed to prioritize simplicity without compromising customizability.
77

8-
Under the hood, these components are powered by [Melt UI](https://melt-ui.com), which provides an even lower-level builder API for creating headless components. Bits take that API and wrap it in a more familiar component interface which allows us to handle some quality of life improvements for you.
9-
10-
While our goal has been to keep the APIs as close to Melt's as possible, there are some slight differences, so be sure to check out the documentation for the Bit you're interested in to understand how it works.
8+
Under the hood, most of these components are powered by [Melt UI](https://melt-ui.com), which provides an even lower-level builder API for creating headless components. We take that API and wrap it in a more familiar component interface, which allows us to handle some quality of life improvements for you.
119

1210
## Credits
1311

1412
- [Melt UI](https://melt-ui.com) - The underlying builder API that powers Bits.
1513
- [Radix UI](https://radix-ui.com) - The de-facto standard for headless APIs that we've strived to follow.
14+
- [React Spectrum](https://react-spectrum.adobe.com) - Another incredible collection of headless components we've taken inspiration from.
1615

1716
🚧 **UNDER CONSTRUCTION** 🚧

src/components/demos/toggle-demo.svelte

+1-2
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,7 @@
22
import { LockKeyOpen } from "phosphor-svelte";
33
import { Toggle } from "$lib";
44
5-
let unlocked = true;
6-
let code = "1985";
5+
let unlocked = false;
76
$: code = unlocked ? "1985" : "••••";
87
</script>
98

0 commit comments

Comments
 (0)