Structure
Class Example
.mdst-color-picker__input
.mdst-color-picker__input
.mdst-color-picker__text
Variants
Class Example
.mdst-color-picker--square
States
Attribute Example
disabled
Usage
<!-- Color input only -->
<div class="mdst-color-picker">
  <input type="color" class="mdst-color-picker__input" value="#000000" />
</div>

<!-- With text input -->
<div class="mdst-color-picker">
  <input type="color" class="mdst-color-picker__input" value="#4A3F1F" />
  <input type="text" class="mdst-color-picker__text" value="#4A3F1F" />
</div>

<!-- Square variant -->
<div class="mdst-color-picker mdst-color-picker--square">
  <input type="color" class="mdst-color-picker__input" value="#F4E3C1" />
  <input type="text" class="mdst-color-picker__text" value="#F4E3C1" />
</div>