diff --git a/components/dropdown/index.cjsx b/components/dropdown/index.cjsx
index f6eed48c..a5c2284e 100644
--- a/components/dropdown/index.cjsx
+++ b/components/dropdown/index.cjsx
@@ -1,5 +1,8 @@
###
@todo
+
+- Disable options
+- can set a icon like dispatcher
###
require './style'
@@ -12,6 +15,7 @@ module.exports = React.createClass
className : React.PropTypes.string
dataSource : React.PropTypes.object
value : React.PropTypes.string
+ label : React.PropTypes.string
getDefaultProps: ->
type : "normal"
@@ -34,10 +38,11 @@ module.exports = React.createClass
className = @props.className
if @state.active is true
className += " active"
- stylesheet = height: @getDOMNode().offsetHeight * Object.keys(@props.dataSource).length
-
-
{@props.dataSource[@state.value]}
+ stylesheet = height: @refs.value.getDOMNode().offsetHeight * Object.keys(@props.dataSource).length
+
+
+ {
if @props.label }
+
{@props.dataSource[@state.value]}
{
for key, label of @props.dataSource
diff --git a/components/dropdown/style.styl b/components/dropdown/style.styl
index 44c89d47..afc70efa 100644
--- a/components/dropdown/style.styl
+++ b/components/dropdown/style.styl
@@ -3,7 +3,7 @@
[data-component-dropdown]
position : relative
margin-bottom : SPACE
- height : INPUT_HEIGHT
+ // height : INPUT_HEIGHT
width : inherit
color : COLOR
border-bottom : 1px solid lighten(COLOR, 75%)
@@ -28,8 +28,14 @@
// -- Children
> *
width : 100%
+ > label
+ position : relative
+ bottom : -(SPACE / 4)
+ font-size : FONT_SIZE_TINY
+ color : THEME
> span
display : block
+ height : INPUT_HEIGHT
line-height : INPUT_HEIGHT
font-size : FONT_SIZE_NORMAL
transition-property opacity, transform
@@ -40,7 +46,7 @@
position : absolute
content : ""
right : (SPACE / 2)
- top : SPACE
+ bottom : SPACE
width : 0
height : 0
border-left : BORDER = SIZE solid transparent
diff --git a/spec/components/dropdown.cjsx b/spec/components/dropdown.cjsx
index 025aa828..b7f8b68d 100644
--- a/spec/components/dropdown.cjsx
+++ b/spec/components/dropdown.cjsx
@@ -29,7 +29,7 @@ module.exports = React.createClass
Dropdown
lorem ipsum...
-
+