Text Box

---

Html

JavaScript

/* Options */
var options = {
  // Text
  text: {
    // Font color.
    fontColor: '#dc3547',
    // Background color.
    bgColor: '#000000',
    // Text value.
    value: 'ZEU'
  },
  // Border color at four corners.
  borderColor: '#ffa500',
  // Wave color.
  waveColor: '#28a748',
  // Background color. Use rgba() function to have the gradient effect.
  bgColor: 'rgba(0, 0, 0, 0.01)'
}
/* Constructor */
var textBox = new zeu.TextBox('text-box', options);

/* Setter */
textBox.value = 'ZEU';
textBox.textColor = '#dc3547';
textBox.textBgColor = '#000000';
textBox.bgColor = 'rgba(0, 0, 0, 0.01)';
textBox.borderColor = '#ffa500';
textBox.waveColor = '#28a748';

More examples

Increase view width to 300. White border and change color based on the value.