In the example below click on the label to edit the value and click somewhere outside the component to store this value.

In the next example we have customized the component in the following ways:

- f:selectItems tag is used to define a list of items to use.
- Controls "save" and "cancel" are turned on with the showControls attribute
- editEvent is set to dblclick to trigger to edit the mode.
- saveOnSelect is set to 'false' so that the value will not be stored until the "save" button is clicked.
- saveOnBlur is set to 'false' so that the value will not be stored unless until the "save" button is clicked. This could be useful on pages where every change could cause extended processing.