go/sonr
1
0
Fork 0
mirror of https://github.com/sonr-io/sonr.git synced 2026-08-04 02:11:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: update index views to use new nebula components

Browse Source
This commit is contained in:
Prad Nukala
2024-12-11 14:55:19 -05:00
parent 83b8fc597a
commit 0a2b91c9ac
37 changed files with 813 additions and 338 deletions
Download Patch File Download Diff File Expand all files Collapse all files
internal/nebula/form/input_name.templ
+34
View File
@@ -0,0 +1,34 @@
package form
type InputNameState string
const (
InputNameStateInitial InputNameState = "inital"
InputNameStateValid InputNameState = "valid"
InputNameStateInvalid InputNameState = "invalid"
)
func (s InputNameState) string() string {
return string(s)
}
templ InputName() {
<div hx-target="this" hx-swap="outerHTML" class="grid grid-cols-1 lg:grid-cols-2 gap-4">
<sl-input name="first_name" placeholder="Satoshi" type="text" label="First Name" required autofocus></sl-input>
<sl-input name="last_name" placeholder="N" maxlength="1" type="text" label="Last Initial"></sl-input>
</div>
}
templ InputNameError() {
<div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
<sl-input name="first_name" placeholder="Satoshi" type="text" label="First Name" required autofocus class="border-red-500"></sl-input>
<sl-input name="last_name" placeholder="N" maxlength="1" type="text" label="Last Initial" class="border-red-500"></sl-input>
</div>
}
templ InputNameValid() {
<div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
<sl-input name="first_name" placeholder="Satoshi" type="text" label="First Name" required autofocus class="border-green-500"></sl-input>
<sl-input name="last_name" placeholder="N" maxlength="1" type="text" label="Last Initial" class="border-green-500"></sl-input>
</div>
}