Origami Frontend Components & Services

SassDoc: o-forms

oForms(opts)

Styles for form elements.

parameter type default description
opts (optional) ('elements': ('checkbox', 'date', 'password', 'radio-round', 'radio-box', 'select', 'textarea', 'text', 'toggle'), 'features': ('disabled', 'inline', 'inverse', 'error-summary', 'right', 'small', 'state', 'suffix')) The o-form features to include styles for (see the README for a full list).

Example

@include oForms($opts: (
	'elements': ('text', 'checkbox'),
	'features': ('inline')
));

Links

oFormsAddCustom(...)

parameter type default description
input Type of input to customise, one of 'anchor' or 'radio'
icons A list of icons to render
theme Custom theme map

Links

oForms(opts)

Styles for form elements.

parameter type default description
opts (optional) ('elements': ('checkbox', 'date', 'password', 'radio-round', 'radio-box', 'select', 'textarea', 'text', 'toggle'), 'features': ('disabled', 'inline', 'inverse', 'error-summary', 'right', 'small', 'state', 'suffix')) The o-form features to include styles for (see the README for a full list).

Example

@include oForms($opts: (
	'elements': ('text', 'checkbox'),
	'features': ('inline')
));

Links

Status
active
Switch component view

GitHub: o-forms@9.11.0

Install o-forms

If using the Build Service, add o-forms@^9.11.0 to your script and link tags.

If using the npm package manager for a Manual Build, run npm install --save-peer "@financial-times/o-forms@^9.11.0".

Help & Support

o-forms is maintained directly by the Origami team. If you have any questions about o-forms or Origami in general, we are happy to help. 😊

Slack: #origami-support
Email: origami.support@ft.com

Feedback / Issues

To report a bug or request features please create an issue on Github. For support or general feedback please get in touch 😊

Slack: #origami-support
Email: origami.support@ft.com