Dynamic Elements

[ainsleyclark]

Hey,

Is it possible to render dynamic elements? Like <svelte:element> for example

There's a lot of repetition here:

package components

type ListProps struct {
	Items []string
	Ordered bool
}

templ List(props ListProps) {
	if len(props.Items) > 0 {
		if !props.Ordered {
			<ul>
				for _, item := range props.Items {
					<li>{ item } </li>
				}
			</ul>
		} else {
			<ol>
				for _, item := range props.Items {
					<li>{ item } </li>
				}
			</ol>
		}
	}
}

[pharrisee]

A little late to the show, but possibly something like this:

package components

type ListProps struct {
	Items []string
	Ordered bool
}

func iif[T any](cond bool, t, f T) T {
	if cond {
		return t
	}
	return f
}

templ ul() {
	<ul>
		{ children... }
	</ul>
}

templ ol() {
	<ol>
		{ children... }
	</ol>
}

templ List(props ListProps) {
	if len(props.Items) > 0 {
                {{lister:=iif(props.Ordered,ol,ul) }}
                @lister(){
		        for _, item := range props.Items {
				<li>{ item } </li>
		}
	}
}

Not much less in terms of lines of code, but could be reused elsewhere.

This does rely on the Raw Go experimental functionality.