Question: *How do I make an input with an icon?*

Answer#

Relative wrapper; absolute icon; padding-start on the input. undefined

Markup#

html
<div class="relative"><span class="absolute start-3 top-1/2 -translate-y-1/2">🔍</span><input class="w-full rounded-lg border ps-10 pe-3 py-2" /></div>

Where to go deeper#

Cookbook · Layout patterns · Utilities reference

Tip. This answer targets Nakshora 1.0. The same question is answered version-appropriately in every other release — use the version switcher.