     onChange: (value) ->
     deleteButton: false
     spinnerOptions: {}
+    navTabStyle: {
+      display: 'inline-block'
+    }
+    tabStyle: {
+      listStyle: 'none'
+      float: 'left'
+      cursor: 'pointer'
+    }
+    textareaStyle: {
+      display: 'block'
+      resize: 'none'
+    }
+    buttonStyle: {}
+    deleteButtonStyle: {}
 
   getInitialState: ->
     state = {

      'react-markdown-textarea__nav__item--active': @state.active is "preview"
    })

    ulStyles = {
      display: 'inline-block'
    }
    liStyles = {
      listStyle: 'none'
      float: 'left'
      cursor: 'pointer'
    }
    textareaStyles = {
      display: 'block'
      resize: 'none'
    }

    # Are we writing or previewing?
    #
    # Swap between writing and previewing states.

          {textarea}
          <button
            onClick={@_onSave}
            style={@props.buttonStyle}
            disabled={if @props.saving then "disabled" else false}
            className="react-markdown-textarea__save-button">
              {@props.buttonText}
          </button>
          { if @props.deleteButton
            <button
              style={@props.deleteButtonStyle}
              onClick={@_onDelete}
              disabled={if @props.saving then "disabled" else false}
              className="react-markdown-textarea__delete-button">
