README
¶
SelectSearch
Searchable dropdown with static options, live filtering, and optional DB search callback.
Features
- CSS-first toggle (no JS needed for open/close)
- Live search filtering
- Badge descriptions for options
- Callback for custom search (e.g., database)
- Accessible via labels and semantic HTML
Usage
import "github.com/tinywasm/components/selectsearch"
ss := &selectsearch.SelectSearch{
Placeholder: "Choose an option...",
Options: []selectsearch.Option{
{ID: "1", Label: "Option 1", Description: "First option"},
{ID: "2", Label: "Option 2", Description: "Second option"},
},
OnSelect: func(id, description string) {
fmt.Printf("Selected: %s\n", id)
},
}
API
SelectSearch Struct
Placeholder string: Text shown when no option is selected.Options []Option: Initial list of options.OnSelect func(id, description string): Callback triggered when an option is selected.OnSearch func(term string) []Option: Callback triggered when all local options are filtered out.
Option Struct
ID string: Unique identifier for the option.Label string: Visible text for the option.Description string: Optional secondary text (badge).
Documentation
¶
Index ¶
Constants ¶
This section is empty.
Variables ¶
View Source
var ( ClsSsBox Class = "ss-box" ClsSsToggle Class = "ss-toggle" ClsSsDropdown Class = "ss-dropdown" ClsSsHeader Class = "ss-header" ClsSsIcon Class = "ss-icon" ClsSsSearch Class = "ss-search" ClsSsOptions Class = "ss-options" ClsSsOption Class = "ss-option" ClsSsLabel Class = "ss-label" ClsSsDesc Class = "ss-desc" )
Functions ¶
This section is empty.
Types ¶
type SelectSearch ¶
type SelectSearch struct {
Element // value embed — NEVER pointer (TinyGo heap constraint)
Placeholder string // text shown when nothing is selected
Options []SsOption // initial static options
OnSelect func(id, description string) // called when user picks an option
OnSearch func(term string) []SsOption // called when ALL local options are filtered out
// contains filtered or unexported fields
}
func (*SelectSearch) IconSvg ¶
func (c *SelectSearch) IconSvg() *svg.Sprite
func (*SelectSearch) OnMount ¶ added in v0.1.2
func (c *SelectSearch) OnMount()
No build tag needed — TinyGo eliminates this as dead code in SSR builds.
func (*SelectSearch) Render ¶
func (c *SelectSearch) Render() *Element
func (*SelectSearch) RenderCSS ¶
func (c *SelectSearch) RenderCSS() *Stylesheet
Source Files
Directories
Click to show internal directories.
Click to hide internal directories.