add placeholder
add range demo
re-style