 
     @subview '__', editorBlock
 
+  # TODO: mayeb take this out. It might not add that much to the docs?
   @exampleOverlaySelectList: (array) ->
     selectList = new OverlaySelectListView array, (item) ->
       $$ ->

          @raw item

    html = $('<div/>').append(selectList).html()
    exhtml = html.replace(/</g, '&lt;')

    @div class: 'example-code', =>
      @div class: 'example', =>
        @subview '__', selectList
      @pre =>
        @code =>
          @raw exhtml


  @deserialize: (options={}) ->

        @p => @raw 'A <code>.list-tree</code> is a special case of <code>.list-group</code>.'
        @p => @raw '<code>.list-tree.has-collapsable-children</code> gives the children with nested items disclosure arrows.'
        @exampleCode '''
          @ul class: 'list-tree has-collapsable-children', =>
            @li class: 'list-nested-item', =>
              @div class: 'list-item', =>
                @span class: 'icon icon-file-directory', 'A Directory'
              @ul class: 'list-tree', =>
                @li class: 'list-nested-item', =>
                  @div class: 'list-item', =>
                    @span class: 'icon icon-file-directory', 'Nested Directory'
                  @ul class: 'list-tree', =>
                    @li class: 'list-item', =>
                      @span class: 'icon icon-file-text', 'File one'
                @li class: 'list-nested-item collapsed', =>
                  @div class: 'list-item', =>
                    @span class: 'icon icon-file-directory', 'Collpased Nested Directory'
                  @ul class: 'list-tree', =>
                    @li class: 'list-item', =>
                      @span class: 'icon icon-file-text', 'File one'
                @li class: 'list-item', =>
                  @span class: 'icon icon-file-text', 'File one'
                @li class: 'list-item selected', =>
                  @span class: 'icon icon-file-text', 'File three .selected!'
            @li class: 'list-item', =>
              @span class: 'icon icon-file-text', '.icon-file-text'
            @li class: 'list-item', =>
              @span class: 'icon icon-file-symlink-file', '.icon-file-symlink-file'
        '''

      @section class: 'bordered', 'data-name': 'overlay', =>
