x
1
2
3
4
5
<input type="text" value="coffee shops berlin" placeholder="coffee shops berlin" class="min-w-0 appearance-none border transition-colors placeholder:text-ink-faint focus:outline-none focus:ring-3 read-only:text-ink-muted disabled:cursor-not-allowed disabled:text-ink-faint text-ink bg-surface block w-full rounded-md text-sm font-mono border-line-strong hover:border-ink-faint focus:border-accent-line focus:ring-focus-ring read-only:border-line read-only:bg-surface-subtle read-only:hover:border-line disabled:border-line disabled:bg-surface-sunk h-9 px-2.5" aria-label="query" name="q">1
2
3
4
render InputComponent.new( size: size.to_sym, value: value.presence, placeholder: "coffee shops berlin", mono: true, quiet: quiet, invalid: invalid, disabled: disabled, name: "q", aria: { label: "query" })Any size and state, reached from the sidebar rather than by reading four templates.
| Param | Description | Input |
|---|---|---|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|