Extending Lookbook / Param Inputs

Styles & JavaScript

If you wish to specify custom CSS rules to style the contents of the input partial, just include a <style> element in the input panel partial:

  input {
    border: 1px solid hotpink;

<input type="text"> <!-- will have a hotpink border -->

The <style> element will be removed when the input is rendered and any styles will be automagically scoped to the input partial that they are defined in, so they will not affect other inputs or leak out to affect the styling of the UI in general.

User Guide

Extending Lookbook