# Logger Widget :: YUI Integration

### Using Logger to Debug YUI Library Components

In this example, we have set up an instance of the YUI AutoComplete widget. By using the debug build of the AutoComplete source code, we can read logging messages generated from the component in a LogReader. By passing in custom configuration values into its constructor, we are able to set custom style attributes on the LogReader.

### Find a state:

### Sample Code

<script type="text/javascript"> ///No custom CSS styles were defined. // No custom markup was defined. // We have first included the debug builds of YUI components // event-debug.js and autocomplete-debug.js // Then we can see log messages being output to our LogReader var oLogReader = new YAHOO.widget.LogReader(null,{top:"4em",fontSize:"92%",width:"30em",height:"20em"}); </script>