diff --git a/README.md b/README.md index 3553757..0750c85 100644 --- a/README.md +++ b/README.md @@ -39,6 +39,30 @@ The component takes in the length of the PIN and two callback to notifiy change - ```ele.focus()``` to set focus on the first input element. - ```ele.clear``` to clear the values +**Style** + +Currently there is no proper way to set the style. As a hack you can override the default style. + +```scss +.pincode-input-container +{ + .pincode-input-text + { + padding:0 !important; + margin:0 2px; + text-align:center; + border: 1px solid; + background: transparent; + width: 50px; + height: 50px; + } + .pincode-input-text:focus + { + outline:none; + box-shadow:none; + } +} +``` ### For developers