mirror of
https://github.com/axzilla/templui.git
synced 2025-02-06 10:44:17 +00:00
refactor: update module name and adjust import paths to reflect new structure
This commit is contained in:
axzilla
parent
d24b843cec
commit
12e61cc0ab
@ -1,17 +1,17 @@
|
||||
# Contributing to Goilerplate
|
||||
# Contributing to TemplUI
|
||||
|
||||
First off, thank you for considering contributing to Goilerplate! We're excited to have you join our community.
|
||||
First off, thank you for considering contributing to TemplUI! We're excited to have you join our community.
|
||||
|
||||
## Our Vision and Your Contributions
|
||||
|
||||
Goilerplate is an open-source project that aims to provide value to the Go community. We want to be transparent about our long-term vision:
|
||||
TemplUI is an open-source project that aims to provide value to the Go community. We want to be transparent about our long-term vision:
|
||||
|
||||
1. We may explore opportunities to monetize aspects of Goilerplate or offer premium services related to it in the future.
|
||||
1. We may explore opportunities to monetize aspects of TemplUI or offer premium services related to it in the future.
|
||||
2. All contributions to this repository are subject to the MIT License, which allows for commercial use.
|
||||
3. By contributing to Goilerplate, you agree that your contributions may be used in both open-source and potential future commercial aspects of the project.
|
||||
3. By contributing to TemplUI, you agree that your contributions may be used in both open-source and potential future commercial aspects of the project.
|
||||
4. We value every contribution and will always strive to maintain a strong, open-source core that benefits the entire community.
|
||||
|
||||
We believe this approach allows us to sustainably develop and maintain Goilerplate while keeping it open and accessible to all. If you have any questions or concerns about this, please reach out to us before contributing.
|
||||
We believe this approach allows us to sustainably develop and maintain TemplUI while keeping it open and accessible to all. If you have any questions or concerns about this, please reach out to us before contributing.
|
||||
|
||||
## How Can I Contribute?
|
||||
|
||||
@ -25,7 +25,7 @@ We believe this approach allows us to sustainably develop and maintain Goilerpla
|
||||
|
||||
- Use a clear and descriptive title for the issue to identify the suggestion.
|
||||
- Provide a step-by-step description of the suggested enhancement in as many details as possible.
|
||||
- Explain why this enhancement would be useful to most Goilerplate users.
|
||||
- Explain why this enhancement would be useful to most TemplUI users.
|
||||
|
||||
### Pull Requests
|
||||
|
||||
@ -60,6 +60,6 @@ This section lists the labels we use to help us track and manage issues and pull
|
||||
|
||||
## Recognition
|
||||
|
||||
We're committed to giving proper credit and recognition to all contributors. Your contributions, whether they're improvements to documentation, bug fixes, or new features, are invaluable to the growth and success of Goilerplate.
|
||||
We're committed to giving proper credit and recognition to all contributors. Your contributions, whether they're improvements to documentation, bug fixes, or new features, are invaluable to the growth and success of TemplUI.
|
||||
|
||||
Thank you for contributing to Goilerplate and helping make it a great tool for the Go community!
|
||||
Thank you for contributing to TemplUI and helping make it a great tool for the Go community!
|
||||
|
||||
20
README.md
20
README.md
@ -1,12 +1,12 @@
|
||||
# Goilerplate
|
||||
# TemplUI
|
||||
|
||||
Modern UI Components for Go & Templ
|
||||
|
||||
<img src="./assets/img/gopher.svg" alt="Goilerplate Logo" width="200"/>
|
||||
<img src="./assets/img/gopher.svg" alt="TemplUI Logo" width="200"/>
|
||||
|
||||
## About
|
||||
|
||||
Goilerplate is a growing library of modern UI components designed specifically for Go and Templ. It leverages Alpine.js for enhanced interactivity and Tailwind CSS for effortless styling. Whether you're building a small website or a large web application, Goilerplate provides the tools you need to create sleek, responsive interfaces with ease.
|
||||
TemplUI is a growing library of modern UI components designed specifically for Go and Templ. It leverages Alpine.js for enhanced interactivity and Tailwind CSS for effortless styling. Whether you're building a small website or a large web application, TemplUI provides the tools you need to create sleek, responsive interfaces with ease.
|
||||
|
||||
## Features
|
||||
|
||||
@ -20,23 +20,23 @@ Goilerplate is a growing library of modern UI components designed specifically f
|
||||
|
||||
## Quick Start
|
||||
|
||||
Visit our [documentation](https://goilerplate.com/docs/how-to-use) for detailed installation and usage instructions.
|
||||
Visit our [documentation](https://templui.io/docs/how-to-use) for detailed installation and usage instructions.
|
||||
|
||||
For a ready-to-go setup, check out our [Quickstart Template](https://github.com/axzilla/goilerplate-quickstart).
|
||||
For a ready-to-go setup, check out our [Quickstart Template](https://github.com/axzilla/templui-quickstart).
|
||||
|
||||
## Components
|
||||
|
||||
Explore our growing list of components in the [components documentation](https://goilerplate.com/docs/components).
|
||||
Explore our growing list of components in the [components documentation](https://templui.io/docs/components).
|
||||
|
||||
## Inspiration
|
||||
|
||||
Goilerplate draws inspiration from several popular UI libraries and frameworks:
|
||||
TemplUI draws inspiration from several popular UI libraries and frameworks:
|
||||
|
||||
- [shadcn/ui](https://ui.shadcn.com/)
|
||||
- [Pines UI](https://devdojo.com/pines)
|
||||
- [daisyUI](https://daisyui.com/)
|
||||
|
||||
We're exploring whether to make Goilerplate a strict port of shadcn/ui or to create a unique blend of various inspirations. The project is still evolving, and community feedback will play a crucial role in shaping its direction.
|
||||
We're exploring whether to make TemplUI a strict port of shadcn/ui or to create a unique blend of various inspirations. The project is still evolving, and community feedback will play a crucial role in shaping its direction.
|
||||
|
||||
## Current Status
|
||||
|
||||
@ -51,11 +51,11 @@ We welcome contributions from the community! Whether it's adding new components,
|
||||
|
||||
## License
|
||||
|
||||
Goilerplate is open-source software licensed under the [MIT license](LICENSE).
|
||||
TemplUI is open-source software licensed under the [MIT license](LICENSE).
|
||||
|
||||
## Support
|
||||
|
||||
For support, questions, or discussions, please [open an issue](https://github.com/axzilla/goilerplate/issues) on our GitHub repository or [visit our community (GitHub Discussions)](https://github.com/axzilla/goilerplate/discussions).
|
||||
For support, questions, or discussions, please [open an issue](https://github.com/axzilla/templui/issues) on our GitHub repository or [visit our community (GitHub Discussions)](https://github.com/axzilla/templui/discussions).
|
||||
|
||||
---
|
||||
|
||||
|
||||
@ -5,10 +5,10 @@ import (
|
||||
"net/http"
|
||||
|
||||
"github.com/a-h/templ"
|
||||
"github.com/axzilla/goilerplate/assets"
|
||||
"github.com/axzilla/goilerplate/internals/config"
|
||||
"github.com/axzilla/goilerplate/internals/middleware"
|
||||
"github.com/axzilla/goilerplate/internals/ui/pages"
|
||||
"github.com/axzilla/templui/assets"
|
||||
"github.com/axzilla/templui/internals/config"
|
||||
"github.com/axzilla/templui/internals/middleware"
|
||||
"github.com/axzilla/templui/internals/ui/pages"
|
||||
)
|
||||
|
||||
func main() {
|
||||
|
||||
2
go.mod
2
go.mod
@ -1,4 +1,4 @@
|
||||
module github.com/axzilla/goilerplate
|
||||
module github.com/axzilla/templui
|
||||
|
||||
go 1.23.3
|
||||
|
||||
|
||||
@ -5,7 +5,7 @@ import (
|
||||
"net/http"
|
||||
"strings"
|
||||
|
||||
"github.com/axzilla/goilerplate/internals/config"
|
||||
"github.com/axzilla/templui/internals/config"
|
||||
)
|
||||
|
||||
func WithPreviewCheck(next http.Handler) http.Handler {
|
||||
|
||||
@ -1,15 +1,15 @@
|
||||
package layouts
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/internals/config"
|
||||
"github.com/axzilla/goilerplate/internals/ui/modules"
|
||||
"github.com/axzilla/templui/internals/config"
|
||||
"github.com/axzilla/templui/internals/ui/modules"
|
||||
)
|
||||
|
||||
templ BaseLayout() {
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" class="h-full">
|
||||
<head>
|
||||
<title>Goilerplate - Modern UI Components for Go & Templ</title>
|
||||
<title>TemplUI - Modern UI Components for Go & Templ</title>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<style>
|
||||
@ -21,7 +21,7 @@ templ BaseLayout() {
|
||||
</script>
|
||||
if config.AppConfig.GoEnv == "production" {
|
||||
<!-- Plausible Analytics -->
|
||||
<script defer data-domain="goilerplate.com" src="https://plausible.axeladrian.com/js/script.js"></script>
|
||||
<script defer data-domain="templui.io" src="https://plausible.axeladrian.com/js/script.js"></script>
|
||||
}
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" href="/assets/img/gopher.svg" type="image/x-icon"/>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package layouts
|
||||
|
||||
import "github.com/axzilla/goilerplate/internals/ui/modules"
|
||||
import "github.com/axzilla/templui/internals/ui/modules"
|
||||
|
||||
templ DocsLayout() {
|
||||
@BaseLayout() {
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
package modules
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/internals/ui/showcase"
|
||||
"github.com/axzilla/goilerplate/pkg/components"
|
||||
"github.com/axzilla/templui/internals/ui/showcase"
|
||||
"github.com/axzilla/templui/pkg/components"
|
||||
)
|
||||
|
||||
type showcaseWrapperProps struct {
|
||||
|
||||
@ -9,7 +9,7 @@ templ Footer() {
|
||||
<footer class="py-4 text-center text-sm text-muted-foreground border-t">
|
||||
<div class="container">
|
||||
<p class="mb-4 font-semibold">
|
||||
{ fmt.Sprintf("© %d goilerplate.", time.Now().Year()) } Stupid code not excluded.
|
||||
{ fmt.Sprintf("© %d templui.", time.Now().Year()) } Stupid code not excluded.
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
package modules
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/internals/shared"
|
||||
"github.com/axzilla/goilerplate/pkg/components"
|
||||
"github.com/axzilla/goilerplate/pkg/icons"
|
||||
"github.com/axzilla/goilerplate/internals/ui/icons"
|
||||
"github.com/axzilla/templui/internals/shared"
|
||||
wrappedicons "github.com/axzilla/templui/internals/ui/icons"
|
||||
"github.com/axzilla/templui/pkg/components"
|
||||
"github.com/axzilla/templui/pkg/icons"
|
||||
)
|
||||
|
||||
templ Navbar() {
|
||||
@ -14,7 +14,7 @@ templ Navbar() {
|
||||
@NavbarMobileMenu()
|
||||
<a href="/" class="font-extrabold flex items-center">
|
||||
<img src="/assets/img/gopher.svg" alt="logo" class="w-10 mr-2"/>
|
||||
<span>goilerplate</span>
|
||||
<span>templui</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="hidden md:flex gap-4 items-center">
|
||||
@ -26,7 +26,7 @@ templ Navbar() {
|
||||
Size: components.ButtonSizeIcon,
|
||||
IconLeft: wrappedicons.GitHub(24),
|
||||
Variant: "ghost",
|
||||
Href: "https://github.com/axzilla/goilerplate",
|
||||
Href: "https://github.com/axzilla/templui",
|
||||
Target: "_blank",
|
||||
})
|
||||
@components.Button(components.ButtonProps{
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package modules
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/icons"
|
||||
import "github.com/axzilla/templui/pkg/icons"
|
||||
|
||||
templ PreviewIndicator() {
|
||||
<div
|
||||
@ -24,7 +24,7 @@ templ PreviewIndicator() {
|
||||
:class="expanded ? 'ml-3 max-w-[200px] opacity-100' : 'max-w-0 opacity-0'"
|
||||
>
|
||||
<div class="border-l pl-3 whitespace-nowrap">
|
||||
<a href="https://goilerplate.com" class="text-sm hover:underline flex items-center gap-1">
|
||||
<a href="https://templui.io" class="text-sm hover:underline flex items-center gap-1">
|
||||
Production Site
|
||||
@icons.ArrowRight(icons.IconProps{Size: "14"})
|
||||
</a>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package modules
|
||||
|
||||
import "github.com/axzilla/goilerplate/internals/shared"
|
||||
import "github.com/axzilla/templui/internals/shared"
|
||||
|
||||
templ Sidebar() {
|
||||
<aside class="h-full">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package modules
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/icons"
|
||||
import "github.com/axzilla/templui/pkg/icons"
|
||||
|
||||
type SidebarRightLItem struct {
|
||||
ImageSrc string
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
package modules
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/pkg/components"
|
||||
"github.com/axzilla/goilerplate/pkg/icons"
|
||||
"github.com/axzilla/templui/pkg/components"
|
||||
"github.com/axzilla/templui/pkg/icons"
|
||||
)
|
||||
|
||||
templ ThemeSwitcher() {
|
||||
|
||||
@ -2,9 +2,9 @@
|
||||
package pages
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/internals/ui/layouts"
|
||||
"github.com/axzilla/goilerplate/internals/ui/modules"
|
||||
"github.com/axzilla/goilerplate/internals/ui/showcase"
|
||||
"github.com/axzilla/templui/internals/ui/layouts"
|
||||
"github.com/axzilla/templui/internals/ui/modules"
|
||||
"github.com/axzilla/templui/internals/ui/showcase"
|
||||
)
|
||||
|
||||
templ Accordion() {
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
package pages
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/internals/ui/layouts"
|
||||
"github.com/axzilla/goilerplate/internals/ui/modules"
|
||||
"github.com/axzilla/goilerplate/internals/ui/showcase"
|
||||
"github.com/axzilla/templui/internals/ui/layouts"
|
||||
"github.com/axzilla/templui/internals/ui/modules"
|
||||
"github.com/axzilla/templui/internals/ui/showcase"
|
||||
)
|
||||
|
||||
templ Alert() {
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
package pages
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/internals/ui/layouts"
|
||||
"github.com/axzilla/goilerplate/internals/ui/modules"
|
||||
"github.com/axzilla/goilerplate/internals/ui/showcase"
|
||||
"github.com/axzilla/templui/internals/ui/layouts"
|
||||
"github.com/axzilla/templui/internals/ui/modules"
|
||||
"github.com/axzilla/templui/internals/ui/showcase"
|
||||
)
|
||||
|
||||
templ Avatar() {
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
package pages
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/internals/ui/layouts"
|
||||
"github.com/axzilla/goilerplate/internals/ui/modules"
|
||||
"github.com/axzilla/goilerplate/internals/ui/showcase"
|
||||
"github.com/axzilla/templui/internals/ui/layouts"
|
||||
"github.com/axzilla/templui/internals/ui/modules"
|
||||
"github.com/axzilla/templui/internals/ui/showcase"
|
||||
)
|
||||
|
||||
templ Badge() {
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
package pages
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/internals/ui/layouts"
|
||||
"github.com/axzilla/goilerplate/internals/ui/modules"
|
||||
"github.com/axzilla/goilerplate/internals/ui/showcase"
|
||||
"github.com/axzilla/templui/internals/ui/layouts"
|
||||
"github.com/axzilla/templui/internals/ui/modules"
|
||||
"github.com/axzilla/templui/internals/ui/showcase"
|
||||
)
|
||||
|
||||
templ Button() {
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
package pages
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/internals/ui/layouts"
|
||||
"github.com/axzilla/goilerplate/internals/ui/modules"
|
||||
"github.com/axzilla/goilerplate/internals/ui/showcase"
|
||||
"github.com/axzilla/templui/internals/ui/layouts"
|
||||
"github.com/axzilla/templui/internals/ui/modules"
|
||||
"github.com/axzilla/templui/internals/ui/showcase"
|
||||
)
|
||||
|
||||
templ Card() {
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
package pages
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/internals/ui/layouts"
|
||||
"github.com/axzilla/goilerplate/internals/ui/modules"
|
||||
"github.com/axzilla/goilerplate/internals/ui/showcase"
|
||||
"github.com/axzilla/templui/internals/ui/layouts"
|
||||
"github.com/axzilla/templui/internals/ui/modules"
|
||||
"github.com/axzilla/templui/internals/ui/showcase"
|
||||
)
|
||||
|
||||
templ Checkbox() {
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
package pages
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/internals/ui/layouts"
|
||||
"github.com/axzilla/goilerplate/internals/ui/modules"
|
||||
"github.com/axzilla/goilerplate/internals/ui/showcase"
|
||||
"github.com/axzilla/templui/internals/ui/layouts"
|
||||
"github.com/axzilla/templui/internals/ui/modules"
|
||||
"github.com/axzilla/templui/internals/ui/showcase"
|
||||
)
|
||||
|
||||
templ Datepicker() {
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
package pages
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/internals/ui/layouts"
|
||||
"github.com/axzilla/goilerplate/internals/ui/modules"
|
||||
"github.com/axzilla/goilerplate/internals/ui/showcase"
|
||||
"github.com/axzilla/templui/internals/ui/layouts"
|
||||
"github.com/axzilla/templui/internals/ui/modules"
|
||||
"github.com/axzilla/templui/internals/ui/showcase"
|
||||
)
|
||||
|
||||
templ DropdownMenu() {
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
package pages
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/internals/ui/layouts"
|
||||
"github.com/axzilla/goilerplate/internals/ui/modules"
|
||||
"github.com/axzilla/goilerplate/internals/ui/showcase"
|
||||
"github.com/axzilla/goilerplate/pkg/components"
|
||||
"github.com/axzilla/templui/internals/ui/layouts"
|
||||
"github.com/axzilla/templui/internals/ui/modules"
|
||||
"github.com/axzilla/templui/internals/ui/showcase"
|
||||
"github.com/axzilla/templui/pkg/components"
|
||||
)
|
||||
|
||||
templ Form() {
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
package pages
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/internals/ui/layouts"
|
||||
"github.com/axzilla/goilerplate/internals/ui/modules"
|
||||
"github.com/axzilla/templui/internals/ui/layouts"
|
||||
"github.com/axzilla/templui/internals/ui/modules"
|
||||
)
|
||||
|
||||
var installGo = `go version`
|
||||
@ -176,11 +176,11 @@ var inputCss = `@tailwind base;
|
||||
}
|
||||
}`
|
||||
|
||||
var installGoilerplate = `go get github.com/axzilla/goilerplate`
|
||||
var installTemplUI = `go get github.com/axzilla/templui`
|
||||
|
||||
var goPath = `"${GOPATH}/pkg/mod/github.com/axzilla/goilerplate@*/**/*.{go,templ}"`
|
||||
var goPath = `"${GOPATH}/pkg/mod/github.com/axzilla/templui@*/**/*.{go,templ}"`
|
||||
|
||||
var usingComponents = `import "github.com/axzilla/goilerplate/pkg/components"
|
||||
var usingComponents = `import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
@components.Button(components.ButtonProps{Text: "Click me"})`
|
||||
|
||||
@ -189,11 +189,11 @@ templ HowToUse() {
|
||||
<div>
|
||||
<div class="mb-16">
|
||||
<h1 class="text-3xl font-bold mb-2">How To Use</h1>
|
||||
<p class="mb-4 text-muted-foreground">Learn how to integrate Goilerplate into your projects.</p>
|
||||
<p class="mb-4 text-muted-foreground">Learn how to integrate TemplUI into your projects.</p>
|
||||
</div>
|
||||
<section class="mb-12">
|
||||
<h2 class="text-2xl font-semibold mb-4 text-primary">Requirements</h2>
|
||||
<p class="mb-4">Before using Goilerplate, ensure you have these tools installed:</p>
|
||||
<p class="mb-4">Before using TemplUI, ensure you have these tools installed:</p>
|
||||
<div class="space-y-6">
|
||||
<div>
|
||||
<h3 class="text-xl font-semibold mb-2">1. Go (1.20 or later)</h3>
|
||||
@ -226,7 +226,7 @@ templ HowToUse() {
|
||||
</section>
|
||||
<section class="mb-12">
|
||||
<h2 class="text-2xl font-semibold mb-4 text-primary">Base Configuration</h2>
|
||||
<p class="mb-4">Goilerplate provides pre-configured styles and themes. You'll need these files in your project:</p>
|
||||
<p class="mb-4">TemplUI provides pre-configured styles and themes. You'll need these files in your project:</p>
|
||||
<div class="space-y-6">
|
||||
<div>
|
||||
<h3 class="text-xl font-semibold mb-2">1. Tailwind Configuration</h3>
|
||||
@ -302,27 +302,27 @@ templ HowToUse() {
|
||||
</section>
|
||||
<section class="mb-12">
|
||||
<h2 class="text-2xl font-semibold mb-4 text-primary">Installation Options</h2>
|
||||
<p class="mb-4">After installing the requirements, you have three ways to use Goilerplate:</p>
|
||||
<p class="mb-4">After installing the requirements, you have three ways to use TemplUI:</p>
|
||||
<div class="space-y-8">
|
||||
<div>
|
||||
<h3 class="text-xl font-semibold mb-2">1. Quickstart Template (Recommended for new projects)</h3>
|
||||
<p class="mb-4">
|
||||
For a ready-to-go setup, check out our <a href="https://github.com/axzilla/goilerplate-quickstart" class="text-primary underline">Goilerplate Quickstart</a> template.
|
||||
It includes all requirements and configurations, using Goilerplate as a package library by default but can be easily modified to use copied components or a mix of both approaches.
|
||||
For a ready-to-go setup, check out our <a href="https://github.com/axzilla/templui-quickstart" class="text-primary underline">TemplUI Quickstart</a> template.
|
||||
It includes all requirements and configurations, using TemplUI as a package library by default but can be easily modified to use copied components or a mix of both approaches.
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-xl font-semibold mb-2">2. Package Installation</h3>
|
||||
<p class="mb-4">Install Goilerplate as a Go package:</p>
|
||||
<p class="mb-4">Install TemplUI as a Go package:</p>
|
||||
<div class="mb-4">
|
||||
@modules.CodeSnippet(installGoilerplate, "markdown")
|
||||
@modules.CodeSnippet(installTemplUI, "markdown")
|
||||
</div>
|
||||
// @components.Card(components.CardProps{}) {
|
||||
// @components.CardHeader() {
|
||||
<h4 class="font-semibold mb-2">*Required: Additional Tailwind Configuration</h4>
|
||||
// }
|
||||
// @components.CardContent() {
|
||||
<p class="mb-2">When using Goilerplate as a package, add this to your tailwind.config.json content array:</p>
|
||||
<p class="mb-2">When using TemplUI as a package, add this to your tailwind.config.json content array:</p>
|
||||
<div class="mb-4">
|
||||
@modules.CodeSnippet(goPath, "markdown")
|
||||
</div>
|
||||
@ -375,11 +375,11 @@ templ HowToUse() {
|
||||
<section>
|
||||
<h2 class="text-2xl font-semibold mb-4 text-primary">Next Steps</h2>
|
||||
<div class="space-y-4">
|
||||
<p>Now that you have Goilerplate set up, try:</p>
|
||||
<p>Now that you have TemplUI set up, try:</p>
|
||||
<ul class="list-disc pl-6 space-y-2">
|
||||
<li>Build your first page using our <a href="/docs/components" class="text-primary underline">component library</a></li>
|
||||
<li>Customize the look with our <a href="/docs/themes" class="text-primary underline">theming system</a></li>
|
||||
<li>Share your feedback in our <a href="https://github.com/axzilla/goilerplate/discussions" class="text-primary underline">community discussions</a></li>
|
||||
<li>Share your feedback in our <a href="https://github.com/axzilla/templui/discussions" class="text-primary underline">community discussions</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
package pages
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/internals/ui/layouts"
|
||||
"github.com/axzilla/goilerplate/internals/ui/modules"
|
||||
"github.com/axzilla/goilerplate/internals/ui/showcase"
|
||||
"github.com/axzilla/templui/internals/ui/layouts"
|
||||
"github.com/axzilla/templui/internals/ui/modules"
|
||||
"github.com/axzilla/templui/internals/ui/showcase"
|
||||
)
|
||||
|
||||
templ Icon() {
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
package pages
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/internals/ui/layouts"
|
||||
"github.com/axzilla/goilerplate/internals/ui/modules"
|
||||
"github.com/axzilla/goilerplate/internals/ui/showcase"
|
||||
"github.com/axzilla/templui/internals/ui/layouts"
|
||||
"github.com/axzilla/templui/internals/ui/modules"
|
||||
"github.com/axzilla/templui/internals/ui/showcase"
|
||||
)
|
||||
|
||||
templ Input() {
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
package pages
|
||||
|
||||
import "github.com/axzilla/goilerplate/internals/ui/layouts"
|
||||
import "github.com/axzilla/templui/internals/ui/layouts"
|
||||
|
||||
templ Introduction() {
|
||||
@layouts.DocsLayout() {
|
||||
<div>
|
||||
<div class="mb-16">
|
||||
<h1 class="text-3xl font-bold mb-2">🎉 Goilerplate</h1>
|
||||
<h1 class="text-3xl font-bold mb-2">🎉 TemplUI</h1>
|
||||
<p class="mb-4 text-muted-foreground">Modern UI Components for Go & Templ.</p>
|
||||
</div>
|
||||
<section class="mb-12">
|
||||
@ -15,7 +15,7 @@ templ Introduction() {
|
||||
Build sleek, interactive web applications with Go and Templ. Seamlessly integrate Alpine.js for enhanced client-side functionality and style effortlessly with Tailwind CSS. Where server-side simplicity meets client-side dynamism.
|
||||
</p>
|
||||
<p class="mb-4">
|
||||
Goilerplate is a wild experiment in bringing the joy of modern UI components to the Go ecosystem. It's like a box of LEGO, but for web dev. And yes, we might have had too much coffee while coding this.
|
||||
TemplUI is a wild experiment in bringing the joy of modern UI components to the Go ecosystem. It's like a box of LEGO, but for web dev. And yes, we might have had too much coffee while coding this.
|
||||
</p>
|
||||
<p class="mb-4">
|
||||
We've taken Go, sprinkled some Templ magic, added a dash of Alpine.js, topped it with Tailwind CSS, and voilà! You've got yourself a UI toolkit that'll make JavaScript developers question their life choices.
|
||||
@ -26,7 +26,7 @@ templ Introduction() {
|
||||
<p class="mb-4">
|
||||
We're constantly evolving. Check out our
|
||||
<a
|
||||
href="https://github.com/axzilla/goilerplate/releases"
|
||||
href="https://github.com/axzilla/templui/releases"
|
||||
class="text-primary underline underline-offset-4 hover:text-primary/80"
|
||||
target="_blank"
|
||||
>
|
||||
@ -35,7 +35,7 @@ templ Introduction() {
|
||||
</p>
|
||||
</section>
|
||||
<section class="mb-12">
|
||||
<h2 class="text-2xl font-semibold mb-4 text-primary">Why Goilerplate?</h2>
|
||||
<h2 class="text-2xl font-semibold mb-4 text-primary">Why TemplUI?</h2>
|
||||
<p class="mb-4">
|
||||
Inspired by
|
||||
<a href="https://ui.shadcn.com/" target="_blank" rel="noopener noreferrer" class="text-primary underline underline-offset-4 hover:text-primary/80">
|
||||
@ -47,7 +47,7 @@ templ Introduction() {
|
||||
<a href="https://daisyui.com/" target="_blank" rel="noopener noreferrer" class="text-primary underline underline-offset-4 hover:text-primary/80">
|
||||
daisyUI
|
||||
</a>,
|
||||
Goilerplate brings the philosophy of accessible, customizable components to the Go ecosystem. We've taken the best ideas and adapted them for Go, Templ, Alpine.js, and Tailwind CSS enthusiasts.
|
||||
TemplUI brings the philosophy of accessible, customizable components to the Go ecosystem. We've taken the best ideas and adapted them for Go, Templ, Alpine.js, and Tailwind CSS enthusiasts.
|
||||
</p>
|
||||
<p class="mb-4">
|
||||
Our components are designed with accessibility in mind, ensuring your web applications are usable by everyone. And just like our inspirations, every component is fully customizable - tweak them, break them, remake them. It's your playground!
|
||||
@ -56,7 +56,7 @@ templ Introduction() {
|
||||
<section class="mb-12">
|
||||
<h2 class="text-2xl font-semibold mb-4 text-primary">Where are we headed?</h2>
|
||||
<p class="mb-4">
|
||||
Honestly? We're not entirely sure yet! We're exploring whether to make Goilerplate a strict port of shadcn/ui or to create a unique blend of various inspirations. This journey is as much about discovery as it is about development.
|
||||
Honestly? We're not entirely sure yet! We're exploring whether to make TemplUI a strict port of shadcn/ui or to create a unique blend of various inspirations. This journey is as much about discovery as it is about development.
|
||||
</p>
|
||||
<p class="mb-4">
|
||||
What we do know is this: We're committed to providing a flexible, powerful toolkit for Go developers who want to create beautiful, interactive web applications without sacrificing the benefits of server-side rendering.
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
package pages
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/internals/ui/layouts"
|
||||
"github.com/axzilla/goilerplate/internals/ui/modules"
|
||||
"github.com/axzilla/goilerplate/internals/ui/showcase"
|
||||
"github.com/axzilla/goilerplate/pkg/components"
|
||||
"github.com/axzilla/templui/internals/ui/layouts"
|
||||
"github.com/axzilla/templui/internals/ui/modules"
|
||||
"github.com/axzilla/templui/internals/ui/showcase"
|
||||
"github.com/axzilla/templui/pkg/components"
|
||||
)
|
||||
|
||||
templ Label() {
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
package pages
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/internals/ui/layouts"
|
||||
"github.com/axzilla/goilerplate/internals/ui/modules"
|
||||
"github.com/axzilla/goilerplate/pkg/components"
|
||||
"github.com/axzilla/templui/internals/ui/layouts"
|
||||
"github.com/axzilla/templui/internals/ui/modules"
|
||||
"github.com/axzilla/templui/pkg/components"
|
||||
)
|
||||
|
||||
templ Landing() {
|
||||
@ -11,7 +11,7 @@ templ Landing() {
|
||||
<header class="relative flex items-center justify-center w-full min-h-screen bg-gradient-to-br from-gray-100 to-white dark:from-gray-900 dark:to-black text-gray-900 dark:text-white overflow-hidden">
|
||||
<div class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 text-center">
|
||||
<h1 class="text-4xl sm:text-5xl lg:text-6xl font-extrabold tracking-tight mb-2 sm:mb-4">
|
||||
<span class="block">Goilerplate</span>
|
||||
<span class="block">TemplUI</span>
|
||||
</h1>
|
||||
<p class="text-xl sm:text-2xl lg:text-3xl font-semibold text-gray-600 dark:text-gray-400 mb-4 sm:mb-8">
|
||||
Modern UI Components for Go & Templ
|
||||
@ -19,7 +19,7 @@ templ Landing() {
|
||||
<p class="max-w-3xl mx-auto text-base sm:text-lg text-gray-700 dark:text-gray-300 mb-6 sm:mb-10">
|
||||
Craft powerful, responsive web applications with Go and Templ.
|
||||
Enhance interactivity with Alpine.js and style effortlessly with Tailwind CSS.
|
||||
Goilerplate bridges the gap between backend robustness and frontend dynamism.
|
||||
TemplUI bridges the gap between backend robustness and frontend dynamism.
|
||||
</p>
|
||||
@components.Button(components.ButtonProps{
|
||||
Text: "Explore Components",
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
package pages
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/internals/ui/layouts"
|
||||
"github.com/axzilla/goilerplate/internals/ui/modules"
|
||||
"github.com/axzilla/goilerplate/internals/ui/showcase"
|
||||
"github.com/axzilla/templui/internals/ui/layouts"
|
||||
"github.com/axzilla/templui/internals/ui/modules"
|
||||
"github.com/axzilla/templui/internals/ui/showcase"
|
||||
)
|
||||
|
||||
templ Modal() {
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
package pages
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/internals/ui/layouts"
|
||||
"github.com/axzilla/goilerplate/internals/ui/modules"
|
||||
"github.com/axzilla/goilerplate/internals/ui/showcase"
|
||||
"github.com/axzilla/templui/internals/ui/layouts"
|
||||
"github.com/axzilla/templui/internals/ui/modules"
|
||||
"github.com/axzilla/templui/internals/ui/showcase"
|
||||
)
|
||||
|
||||
templ Radio() {
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
package pages
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/internals/ui/layouts"
|
||||
"github.com/axzilla/goilerplate/internals/ui/modules"
|
||||
"github.com/axzilla/goilerplate/internals/ui/showcase"
|
||||
"github.com/axzilla/templui/internals/ui/layouts"
|
||||
"github.com/axzilla/templui/internals/ui/modules"
|
||||
"github.com/axzilla/templui/internals/ui/showcase"
|
||||
)
|
||||
|
||||
templ Select() {
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
package pages
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/internals/ui/layouts"
|
||||
"github.com/axzilla/goilerplate/internals/ui/modules"
|
||||
"github.com/axzilla/goilerplate/internals/ui/showcase"
|
||||
"github.com/axzilla/templui/internals/ui/layouts"
|
||||
"github.com/axzilla/templui/internals/ui/modules"
|
||||
"github.com/axzilla/templui/internals/ui/showcase"
|
||||
)
|
||||
|
||||
templ Sheet() {
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
package pages
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/internals/ui/layouts"
|
||||
"github.com/axzilla/goilerplate/internals/ui/modules"
|
||||
"github.com/axzilla/goilerplate/internals/ui/showcase"
|
||||
"github.com/axzilla/templui/internals/ui/layouts"
|
||||
"github.com/axzilla/templui/internals/ui/modules"
|
||||
"github.com/axzilla/templui/internals/ui/showcase"
|
||||
)
|
||||
|
||||
templ Slider() {
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
package pages
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/internals/ui/layouts"
|
||||
"github.com/axzilla/goilerplate/internals/ui/modules"
|
||||
"github.com/axzilla/goilerplate/internals/ui/showcase"
|
||||
"github.com/axzilla/templui/internals/ui/layouts"
|
||||
"github.com/axzilla/templui/internals/ui/modules"
|
||||
"github.com/axzilla/templui/internals/ui/showcase"
|
||||
)
|
||||
|
||||
templ Tabs() {
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
package pages
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/internals/ui/layouts"
|
||||
"github.com/axzilla/goilerplate/internals/ui/modules"
|
||||
"github.com/axzilla/goilerplate/internals/ui/showcase"
|
||||
"github.com/axzilla/templui/internals/ui/layouts"
|
||||
"github.com/axzilla/templui/internals/ui/modules"
|
||||
"github.com/axzilla/templui/internals/ui/showcase"
|
||||
)
|
||||
|
||||
templ Textarea() {
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
package pages
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/internals/ui/layouts"
|
||||
"github.com/axzilla/goilerplate/pkg/components"
|
||||
"github.com/axzilla/goilerplate/pkg/icons"
|
||||
"github.com/axzilla/templui/internals/ui/layouts"
|
||||
"github.com/axzilla/templui/pkg/components"
|
||||
"github.com/axzilla/templui/pkg/icons"
|
||||
)
|
||||
|
||||
templ Themes() {
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
package pages
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/internals/ui/layouts"
|
||||
"github.com/axzilla/goilerplate/internals/ui/modules"
|
||||
"github.com/axzilla/goilerplate/internals/ui/showcase"
|
||||
"github.com/axzilla/templui/internals/ui/layouts"
|
||||
"github.com/axzilla/templui/internals/ui/modules"
|
||||
"github.com/axzilla/templui/internals/ui/showcase"
|
||||
)
|
||||
|
||||
templ Toggle() {
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ Accordion() {
|
||||
@components.Accordion(components.AccordionProps{
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
package showcase
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/pkg/components"
|
||||
"github.com/axzilla/goilerplate/pkg/icons"
|
||||
"github.com/axzilla/templui/pkg/components"
|
||||
"github.com/axzilla/templui/pkg/icons"
|
||||
)
|
||||
|
||||
templ AlertDefault() {
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
package showcase
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/pkg/components"
|
||||
"github.com/axzilla/goilerplate/pkg/icons"
|
||||
"github.com/axzilla/templui/pkg/components"
|
||||
"github.com/axzilla/templui/pkg/icons"
|
||||
)
|
||||
|
||||
templ AlertDestructive() {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ AvatarWithImage() {
|
||||
@components.Avatar(components.AvatarProps{
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ AvatarWithPlaceholder() {
|
||||
@components.Avatar(components.AvatarProps{
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ AvatarWithSizes() {
|
||||
<div class="flex flex-wrap gap-2">
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
package showcase
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/pkg/components"
|
||||
"github.com/axzilla/goilerplate/pkg/icons"
|
||||
"github.com/axzilla/templui/pkg/components"
|
||||
"github.com/axzilla/templui/pkg/icons"
|
||||
)
|
||||
|
||||
templ BadgeIcons() {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ BadgeVariants() {
|
||||
<div class="flex flex-wrap gap-2">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ ButtonDisabled() {
|
||||
<div class="flex flex-wrap gap-2">
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
package showcase
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/pkg/components"
|
||||
"github.com/axzilla/goilerplate/pkg/icons"
|
||||
"github.com/axzilla/templui/pkg/components"
|
||||
"github.com/axzilla/templui/pkg/icons"
|
||||
)
|
||||
|
||||
templ ButtonIcons() {
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
package showcase
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/pkg/components"
|
||||
"github.com/axzilla/goilerplate/pkg/icons"
|
||||
"github.com/axzilla/templui/pkg/components"
|
||||
"github.com/axzilla/templui/pkg/icons"
|
||||
)
|
||||
|
||||
templ ButtonSizes() {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ ButtonVariants() {
|
||||
<div class="flex flex-wrap gap-2">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ CardDefault() {
|
||||
@components.Card(components.CardProps{Class: "max-w-sm"}) {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ CardWithImageBottom() {
|
||||
@components.Card(components.CardProps{Class: "w-2/3"}) {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ CardWithImageLeft() {
|
||||
@components.Card(components.CardProps{
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ CardWithImageRight() {
|
||||
@components.Card(components.CardProps{
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ CardWithImageTop() {
|
||||
@components.Card(components.CardProps{Class: "w-2/3"}) {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ CheckboxChecked() {
|
||||
@components.Checkbox(components.CheckboxProps{
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
package showcase
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/pkg/components"
|
||||
"github.com/axzilla/goilerplate/pkg/icons"
|
||||
"github.com/axzilla/templui/pkg/components"
|
||||
"github.com/axzilla/templui/pkg/icons"
|
||||
)
|
||||
|
||||
templ CheckboxCustomIcon() {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ CheckboxDefault() {
|
||||
@components.Checkbox(components.CheckboxProps{})
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ CheckboxDisabled() {
|
||||
<div class="flex items-center gap-2">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ CheckboxForm() {
|
||||
<div class="w-full max-w-sm">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ CheckboxWithLabel() {
|
||||
<div class="flex items-center gap-2">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ DatepickerCustomPlaceholder() {
|
||||
<div class="w-full max-w-sm">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ DatepickerDefault() {
|
||||
<div class="w-full max-w-sm">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ DatepickerDisabled() {
|
||||
<div class="w-full max-w-sm">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ DatepickerForm() {
|
||||
<div class="w-full max-w-sm">
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
package showcase
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/pkg/components"
|
||||
"github.com/axzilla/templui/pkg/components"
|
||||
"time"
|
||||
)
|
||||
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
package showcase
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/pkg/components"
|
||||
"github.com/axzilla/templui/pkg/components"
|
||||
"time"
|
||||
)
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ DatepickerWithLabel() {
|
||||
<div class="w-full max-w-sm space-y-2">
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
package showcase
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/pkg/components"
|
||||
"github.com/axzilla/goilerplate/pkg/icons"
|
||||
"github.com/axzilla/templui/pkg/components"
|
||||
"github.com/axzilla/templui/pkg/icons"
|
||||
)
|
||||
|
||||
templ DropdownMenuAdvanced() {
|
||||
@ -25,7 +25,7 @@ templ DropdownMenuAdvanced() {
|
||||
{Label: "Paste", Value: "paste", Attributes: templ.Attributes{"@click": "alert('Paste')"}},
|
||||
}},
|
||||
{Label: "View", Disabled: true},
|
||||
{Label: "Help", Href: "https://github.com/axzilla/goilerplate", Target: "_blank"},
|
||||
{Label: "Help", Href: "https://github.com/axzilla/templui", Target: "_blank"},
|
||||
},
|
||||
})
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ DropdownMenuDefault() {
|
||||
@components.DropdownMenu(components.DropdownMenuProps{
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
package showcase
|
||||
|
||||
import (
|
||||
"github.com/axzilla/goilerplate/pkg/components"
|
||||
"github.com/axzilla/goilerplate/pkg/icons"
|
||||
"github.com/axzilla/templui/pkg/components"
|
||||
"github.com/axzilla/templui/pkg/icons"
|
||||
)
|
||||
|
||||
templ DropdownMenuWithIcons() {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/icons"
|
||||
import "github.com/axzilla/templui/pkg/icons"
|
||||
|
||||
templ IconColored() {
|
||||
<div class="flex flex-wrap gap-2">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/icons"
|
||||
import "github.com/axzilla/templui/pkg/icons"
|
||||
|
||||
templ IconCustomClasses() {
|
||||
<div class="flex flex-wrap gap-2">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/icons"
|
||||
import "github.com/axzilla/templui/pkg/icons"
|
||||
|
||||
templ IconDefault() {
|
||||
<div class="flex flex-wrap gap-2">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/icons"
|
||||
import "github.com/axzilla/templui/pkg/icons"
|
||||
|
||||
templ IconFilled() {
|
||||
<div class="flex flex-wrap gap-2">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/icons"
|
||||
import "github.com/axzilla/templui/pkg/icons"
|
||||
|
||||
templ IconSizes() {
|
||||
<div class="flex flex-wrap gap-2">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ InputDefault() {
|
||||
<div class="w-full max-w-sm">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ InputDisabled() {
|
||||
<div class="w-full max-w-sm">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ InputFile() {
|
||||
<div class="w-full max-w-sm">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ InputForm() {
|
||||
<div class="w-full max-w-sm">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ InputWithLabel() {
|
||||
<div class="w-full max-w-sm grid gap-2">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ Modal() {
|
||||
@components.ModalTrigger("default-modal") {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ RadioChecked() {
|
||||
@components.Radio(components.RadioProps{
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ RadioDefault() {
|
||||
<div class="flex gap-2 items-center">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ RadioDisabled() {
|
||||
<div class="flex gap-2 items-center">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ RadioForm() {
|
||||
<div class="w-full max-w-sm">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ RadioWithLabel() {
|
||||
<div class="flex gap-2 items-center">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ SelectDefault() {
|
||||
<div class="w-full max-w-md">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ SelectDisabled() {
|
||||
<div class="space-y-2 w-full max-w-sm">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ SelectForm() {
|
||||
<div class="w-full max-w-sm">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ SelectSelectedValue() {
|
||||
<div class="w-full max-w-sm">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ SelectWithLabel() {
|
||||
<div class="space-y-2 w-full max-w-sm">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ SelectWithPlaceholder() {
|
||||
<div class="w-full max-w-md">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
var sides = []components.SheetSide{
|
||||
components.SheetSideLeft,
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ SliderDefault() {
|
||||
<div class="w-full max-w-sm">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ SliderDisabled() {
|
||||
<div class="w-full max-w-sm">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ SliderWithLabel() {
|
||||
<div class="w-full max-w-sm">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ SliderWithLabelAndValue() {
|
||||
<div class="w-full max-w-sm">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
package showcase
|
||||
|
||||
import "github.com/axzilla/goilerplate/pkg/components"
|
||||
import "github.com/axzilla/templui/pkg/components"
|
||||
|
||||
templ SliderWithSteps() {
|
||||
<div class="w-full max-w-sm">
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user