Input Addons

Decorative prefix / suffix slots for F.create inputs. Set formConfig.prefix and/or formConfig.suffix to an object with one of: { icon: 'name' }, { text: '$' }, or { html: '<kbd>K</kbd>' }. Addons are decoration only — pointer events are disabled on them.

Icon prefix — search field

search: {
  type: 'text',
  label: 'Search',
  formConfig: { prefix: { icon: 'search' } }
}

Text prefix & suffix — price field

price: {
  type: 'number',
  label: 'Price',
  formConfig: {
    prefix: { text: '£' },
    suffix: { text: '.00' }
  }
}

HTML suffix — keyboard hint

query: {
  type: 'text',
  label: 'Quick search',
  formConfig: {
    prefix: { icon: 'search' },
    suffix: { html: '<kbd>⌘K</kbd>' }
  }
}

Mixed — icon prefix, icon suffix

email: {
  type: 'email',
  label: 'Email',
  formConfig: {
    prefix: { icon: 'mail' },
    suffix: { icon: 'check-circle' }
  }
}