Button

A component that if passed a `href` prop will render an anchor element instead of a button element.

llms.txt
	<script lang="ts">
  import { Button } from "bits-ui";
</script>
 
<Button.Root
  class="rounded-input bg-dark text-background shadow-mini hover:bg-dark/95 inline-flex
	h-12 items-center justify-center px-[21px] text-[15px]
	font-semibold active:scale-[0.98] active:transition-all"
>
  Unlimited
</Button.Root>

Structure

	<script lang="ts">
  import { Button } from "bits-ui";
</script>
 
<Button.Root />

API Reference

Button.Root

A component that can switch between a button and an anchor tag based on the href/type props.

Property Details
href
disabled
ref
children
Data Attribute Details
data-button-root