Button

Displays a button or a component that looks like a button.

Installation

npx solidui-cli@latest add button

import { Button } from "~/components/ui/button"

<Button variant="outline">Button</Button>

You can use the buttonVariants helper to create a link that looks like a button.

import { buttonVariants } from "~/components/ui/button"

<a class={buttonVariants({ variant: "outline" })}>Click here</a>

Alternatively, you can set the as parameter with the component you want to use as your link.

import { A } from "@solidjs/router";

<Button as={A} href="/login">Login</Button>

Or set it as "a", in case you want to use the standard HTML anchor tag.

<Button as="a" href="/login">Login</Button>