gsxui

Button

Basic

// Package button holds the site's example gsx components for ui/button.
package button

import "github.com/gsxhq/gsxui/ui"

// Basic renders the default Button.
component Basic() {
	<ui.Button>Button</ui.Button>
}

Variants

package button

import "github.com/gsxhq/gsxui/ui"

// Variants renders every Button variant side by side.
component Variants() {
	<div class="flex flex-wrap items-center gap-3">
		<ui.Button>Default</ui.Button>
		<ui.Button variant="secondary">Secondary</ui.Button>
		<ui.Button variant="destructive">Destructive</ui.Button>
		<ui.Button variant="outline">Outline</ui.Button>
		<ui.Button variant="ghost">Ghost</ui.Button>
		<ui.Button variant="link">Link</ui.Button>
	</div>
}