Main | Stencil Library

protoshare-pboard-data{"com.protoshare.components2":[{"data":{"oidChild":2042,"htmlStyle":"left: 30px; top: 910px; width: 100px; height: 30px;","normalSettings":{"showsScrollbars":false},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":1,"childComps":[{"oidChild":5019,"intrinsicTitle":"Action","htmlClass":"s9-btn","htmlStyle":"left: 0px; top: 0px; width: 75px; height: 30px;","normalSettings":{"text":"Action","fillColor":"FAFAFA","horizAlign":"center","labelStyle":"next","textFont":"\"Helvetica Neue\", Helvetica, Arial, sans-serif","rounding":5,"roundingBR":false,"padding":5,"strokeColor":"E6E6E6","vertAlign":"middle","textSize":14,"targetValue":1,"strokeStyle":"outset","roundingTR":false,"strokeWidth":1,"textFillColor":"333333"},"hoverSettings":{"fillColor":"E6E6E6","strokeColor":"FAFAFA"},"clickSettings":{"shadow":-3,"strokeStyle":"inset"},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":0,"childComps":[]},{"oidChild":2063,"intrinsicTitle":"","htmlClass":"s9-st-value-btn","htmlStyle":"left: 74px; top: 0px; width: 26px; height: 30px;","oidLinkedState":429,"normalSettings":{"text":"▾","roundingTL":false,"fillColor":"FAFAFA","horizAlign":"center","labelStyle":"custom","textFont":"\"Helvetica Neue\", Helvetica, Arial, sans-serif","rounding":5,"padding":5,"strokeColor":"E6E6E6","vertAlign":"middle","textSize":14,"roundingBL":false,"targetValue":1,"strokeStyle":"outset","textFillColor":"333333","strokeWidth":1},"targetSettings":{"fillColor":"E6E6E6","shadow":-3,"strokeStyle":"inset","strokeColor":"FAFAFA"},"hoverSettings":{"fillColor":"E6E6E6","strokeColor":"FAFAFA"},"clickSettings":{"shadow":-3,"strokeStyle":"inset"},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":0,"childComps":[]}]},"xy":false,"wh":false,"src-account":""}],"com.protoshare.states":[{"stateName":"Dropdown","valueNamesStr":"Off\nOn","src-oid":429,"src-account":""}]}

protoshare-pboard-data{"com.protoshare.components2":[{"data":{"oidChild":2042,"htmlStyle":"left: 135px; top: 910px; width: 101px; height: 30px;","normalSettings":{"showsScrollbars":false},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":1,"childComps":[{"oidChild":5019,"intrinsicTitle":"Action","htmlClass":"s9-btn","htmlStyle":"left: 0px; top: 0px; width: 75px; height: 30px;","normalSettings":{"text":"Action","fillColor":"0074CC","horizAlign":"center","labelStyle":"next","textFont":"\"Helvetica Neue\", Helvetica, Arial, sans-serif","rounding":5,"roundingBR":false,"padding":5,"strokeColor":"30A4FC","vertAlign":"middle","textSize":14,"targetValue":1,"strokeStyle":"outset","roundingTR":false,"strokeWidth":1,"textFillColor":"FFFFFF"},"clickSettings":{"shadow":-3,"strokeStyle":"inset"},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":0,"childComps":[]},{"oidChild":2063,"intrinsicTitle":"","htmlClass":"s9-st-value-btn","htmlStyle":"left: 75px; top: 0px; width: 26px; height: 30px;","oidLinkedState":429,"normalSettings":{"text":"▾","roundingTL":false,"fillColor":"0074CC","horizAlign":"center","labelStyle":"custom","textFont":"\"Helvetica Neue\", Helvetica, Arial, sans-serif","rounding":5,"padding":5,"strokeColor":"30A4FC","vertAlign":"middle","textSize":14,"roundingBL":false,"targetValue":1,"strokeStyle":"outset","textFillColor":"FFFFFF","strokeWidth":1},"targetSettings":{"fillColor":"0054AC","shadow":-3,"strokeStyle":"inset","strokeColor":"0074CC"},"hoverSettings":{"fillColor":"0054AC","strokeColor":"0074CC"},"clickSettings":{"shadow":-3,"strokeStyle":"inset"},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":0,"childComps":[]}]},"xy":false,"wh":false,"src-account":""}],"com.protoshare.states":[{"stateName":"Dropdown","valueNamesStr":"Off\nOn","src-oid":429,"src-account":""}]}

protoshare-pboard-data{"com.protoshare.components2":[{"data":{"oidChild":2042,"htmlStyle":"left: 241px; top: 910px; width: 100px; height: 30px;","normalSettings":{"showsScrollbars":false},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":1,"childComps":[{"oidChild":5019,"intrinsicTitle":"Danger","htmlClass":"s9-btn","htmlStyle":"left: 0px; top: 0px; width: 74px; height: 30px;","normalSettings":{"text":"Danger","fillColor":"CA3F39","horizAlign":"center","labelStyle":"next","textFont":"\"Helvetica Neue\", Helvetica, Arial, sans-serif","rounding":5,"roundingBR":false,"padding":5,"strokeColor":"FA6F69","vertAlign":"middle","textSize":14,"targetValue":1,"strokeStyle":"outset","roundingTR":false,"strokeWidth":1,"textFillColor":"FFFFFF"},"hoverSettings":{"fillColor":"AA1F19"},"clickSettings":{"shadow":-3,"strokeStyle":"inset"},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":0,"childComps":[]},{"oidChild":2063,"intrinsicTitle":"","htmlClass":"s9-st-value-btn","htmlStyle":"left: 74px; top: 0px; width: 26px; height: 30px;","oidLinkedState":429,"normalSettings":{"text":"▾","roundingTL":false,"fillColor":"CA3F39","horizAlign":"center","labelStyle":"custom","textFont":"\"Helvetica Neue\", Helvetica, Arial, sans-serif","rounding":5,"padding":5,"strokeColor":"FA6F69","vertAlign":"middle","textSize":14,"roundingBL":false,"targetValue":1,"strokeStyle":"outset","textFillColor":"FFFFFF","strokeWidth":1},"targetSettings":{"fillColor":"AA1F19","shadow":-3,"strokeStyle":"inset"},"hoverSettings":{"fillColor":"AA1F19"},"clickSettings":{"shadow":-3,"strokeStyle":"inset"},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":0,"childComps":[]}]},"xy":false,"wh":false,"src-account":""}],"com.protoshare.states":[{"stateName":"Dropdown","valueNamesStr":"Off\nOn","src-oid":429,"src-account":""}]}

protoshare-pboard-data{"com.protoshare.components2":[{"data":{"oidChild":2042,"htmlStyle":"left: 346px; top: 910px; width: 101px; height: 30px;","normalSettings":{"showsScrollbars":false},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":1,"childComps":[{"oidChild":5019,"intrinsicTitle":"Warning","htmlClass":"s9-btn","htmlStyle":"left: 0px; top: 0px; width: 75px; height: 30px;","normalSettings":{"text":"Warning","fillColor":"FAA732","horizAlign":"center","labelStyle":"next","textFont":"\"Helvetica Neue\", Helvetica, Arial, sans-serif","rounding":5,"roundingBR":false,"padding":5,"strokeColor":"FAC762","vertAlign":"middle","textSize":14,"targetValue":1,"strokeStyle":"outset","roundingTR":false,"strokeWidth":1,"textFillColor":"FFFFFF"},"hoverSettings":{"fillColor":"CA7702","strokeColor":"FAA732"},"clickSettings":{"shadow":-3,"strokeStyle":"inset"},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":0,"childComps":[]},{"oidChild":2063,"intrinsicTitle":"","htmlClass":"s9-st-value-btn","htmlStyle":"left: 75px; top: 0px; width: 26px; height: 30px;","oidLinkedState":429,"normalSettings":{"text":"▾","roundingTL":false,"fillColor":"FAA732","horizAlign":"center","labelStyle":"custom","textFont":"\"Helvetica Neue\", Helvetica, Arial, sans-serif","rounding":5,"padding":5,"strokeColor":"FAC762","vertAlign":"middle","textSize":14,"roundingBL":false,"targetValue":1,"strokeStyle":"outset","textFillColor":"FFFFFF","strokeWidth":1},"targetSettings":{"fillColor":"CA7702","shadow":-3,"strokeStyle":"inset","strokeColor":"FAA732"},"hoverSettings":{"fillColor":"CA7702","strokeColor":"FAA732"},"clickSettings":{"shadow":-3,"strokeStyle":"inset"},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":0,"childComps":[]}]},"xy":false,"wh":false,"src-account":""}],"com.protoshare.states":[{"stateName":"Dropdown","valueNamesStr":"Off\nOn","src-oid":429,"src-account":""}]}

protoshare-pboard-data{"com.protoshare.components2":[{"data":{"oidChild":2042,"htmlStyle":"left: 452px; top: 910px; width: 101px; height: 30px;","normalSettings":{"showsScrollbars":false},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":1,"childComps":[{"oidChild":5019,"intrinsicTitle":"Success","htmlClass":"s9-btn","htmlStyle":"left: 0px; top: 0px; width: 75px; height: 30px;","normalSettings":{"text":"Success","fillColor":"5BB75B","horizAlign":"center","labelStyle":"next","textFont":"\"Helvetica Neue\", Helvetica, Arial, sans-serif","rounding":5,"roundingBR":false,"padding":5,"strokeColor":"8BE78B","vertAlign":"middle","textSize":14,"targetValue":1,"strokeStyle":"outset","roundingTR":false,"strokeWidth":1,"textFillColor":"FFFFFF"},"hoverSettings":{"fillColor":"2B872B","strokeColor":"5BB75B"},"clickSettings":{"shadow":-3,"strokeStyle":"inset"},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":0,"childComps":[]},{"oidChild":2063,"intrinsicTitle":"","htmlClass":"s9-st-value-btn","htmlStyle":"left: 75px; top: 0px; width: 26px; height: 30px;","oidLinkedState":429,"normalSettings":{"text":"▾","roundingTL":false,"fillColor":"5BB75B","horizAlign":"center","labelStyle":"custom","textFont":"\"Helvetica Neue\", Helvetica, Arial, sans-serif","rounding":5,"padding":5,"strokeColor":"8BE78B","vertAlign":"middle","textSize":14,"roundingBL":false,"targetValue":1,"strokeStyle":"outset","textFillColor":"FFFFFF","strokeWidth":1},"targetSettings":{"fillColor":"2B872B","shadow":-3,"strokeStyle":"inset","strokeColor":"5BB75B"},"hoverSettings":{"fillColor":"2B872B","strokeColor":"5BB75B"},"clickSettings":{"shadow":-3,"strokeStyle":"inset"},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":0,"childComps":[]}]},"xy":false,"wh":false,"src-account":""}],"com.protoshare.states":[{"stateName":"Dropdown","valueNamesStr":"Off\nOn","src-oid":429,"src-account":""}]}

protoshare-pboard-data{"com.protoshare.components2":[{"data":{"oidChild":2042,"htmlStyle":"left: 559px; top: 910px; width: 100px; height: 30px;","normalSettings":{"showsScrollbars":false},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":1,"childComps":[{"oidChild":5019,"intrinsicTitle":"Info","htmlClass":"s9-btn","htmlStyle":"left: 0px; top: 0px; width: 74px; height: 30px;","normalSettings":{"text":"Info","fillColor":"49AFCD","horizAlign":"center","labelStyle":"next","textFont":"\"Helvetica Neue\", Helvetica, Arial, sans-serif","rounding":5,"roundingBR":false,"padding":5,"strokeColor":"79CFED","vertAlign":"middle","textSize":14,"targetValue":1,"strokeStyle":"outset","roundingTR":false,"strokeWidth":1,"textFillColor":"FFFFFF"},"hoverSettings":{"fillColor":"198FAD","strokeColor":"49AFCD"},"clickSettings":{"fillColor":"198FAD","shadow":-3,"strokeStyle":"inset","strokeColor":"49AFCD"},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":0,"childComps":[]},{"oidChild":2063,"intrinsicTitle":"","htmlClass":"s9-st-value-btn","htmlStyle":"left: 74px; top: 0px; width: 26px; height: 30px;","oidLinkedState":429,"normalSettings":{"text":"▾","roundingTL":false,"fillColor":"49AFCD","horizAlign":"center","labelStyle":"custom","textFont":"\"Helvetica Neue\", Helvetica, Arial, sans-serif","rounding":5,"padding":5,"strokeColor":"79CFED","vertAlign":"middle","textSize":14,"roundingBL":false,"targetValue":1,"strokeStyle":"outset","textFillColor":"FFFFFF","strokeWidth":1},"targetSettings":{"fillColor":"198FAD","shadow":-3,"strokeStyle":"inset","strokeColor":"49AFCD"},"hoverSettings":{"fillColor":"198FAD","strokeColor":"49AFCD"},"clickSettings":{"fillColor":"198FAD","shadow":-3,"strokeStyle":"inset","strokeColor":"49AFCD"},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":0,"childComps":[]}]},"xy":false,"wh":false,"src-account":""}],"com.protoshare.states":[{"stateName":"Dropdown","valueNamesStr":"Off\nOn","src-oid":429,"src-account":""}]}

protoshare-pboard-data{"com.protoshare.components2":[{"data":{"oidChild":2042,"htmlStyle":"left: 664px; top: 910px; width: 100px; height: 30px;","normalSettings":{"showsScrollbars":false},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":1,"childComps":[{"oidChild":5019,"intrinsicTitle":"Inverse","htmlClass":"s9-btn","htmlStyle":"left: 0px; top: 0px; width: 74px; height: 30px;","normalSettings":{"text":"Inverse","fillColor":"444444","horizAlign":"center","labelStyle":"next","textFont":"\"Helvetica Neue\", Helvetica, Arial, sans-serif","rounding":5,"roundingBR":false,"padding":5,"strokeColor":"777777","vertAlign":"middle","textSize":14,"targetValue":1,"strokeStyle":"outset","roundingTR":false,"strokeWidth":1,"textFillColor":"FFFFFF"},"hoverSettings":{"fillColor":"111111","strokeColor":"444444"},"clickSettings":{"shadow":-3,"strokeStyle":"inset"},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":0,"childComps":[]},{"oidChild":2063,"intrinsicTitle":"","htmlClass":"s9-st-value-btn","htmlStyle":"left: 74px; top: 0px; width: 26px; height: 30px;","oidLinkedState":429,"normalSettings":{"text":"▾","roundingTL":false,"fillColor":"444444","horizAlign":"center","labelStyle":"custom","textFont":"\"Helvetica Neue\", Helvetica, Arial, sans-serif","rounding":5,"padding":5,"strokeColor":"777777","vertAlign":"middle","textSize":14,"roundingBL":false,"targetValue":1,"strokeStyle":"outset","textFillColor":"FFFFFF","strokeWidth":1},"targetSettings":{"fillColor":"111111","shadow":-3,"strokeStyle":"inset","strokeColor":"444444"},"hoverSettings":{"fillColor":"111111","strokeColor":"444444"},"clickSettings":{"shadow":-3,"strokeStyle":"inset"},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":0,"childComps":[]}]},"xy":false,"wh":false,"src-account":""}],"com.protoshare.states":[{"stateName":"Dropdown","valueNamesStr":"Off\nOn","src-oid":429,"src-account":""}]}

Action

Another Action

Something Else Here

protoshare-pboard-data{"com.protoshare.components2":[{"data":{"oidChild":2042,"intrinsicTitle":"","htmlClass":"s9-ct","htmlStyle":"left: 400px; top: 1040px; width: 165px; height: 109px;","animations":{"show":"fade 333ms easeInOutQuad"},"normalSettings":{"fillColor":"FFFFFF","shadow":10,"strokeStyle":"solid","rounding":5,"showsScrollbars":false,"strokeColor":"AAAAAA","strokeWidth":1},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":1,"childComps":[{"oidChild":5028,"intrinsicTitle":"Action","htmlClass":"s9-text","htmlStyle":"left: -2px; top: 8px; width: 165px; height: 30px;","content":"Action","normalSettings":{"paddingR":false,"vertAlign":"middle","textSize":14,"paddingT":false,"cursor":"pointer","paddingB":false,"textFont":"\"Helvetica Neue\", Helvetica, Arial, sans-serif","padding":10},"hoverSettings":{"fillColor":"0088CC","textFillColor":"FFFFFF"},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":0,"childComps":[]},{"oidChild":5028,"intrinsicTitle":"Another Action","htmlClass":"s9-text","htmlStyle":"left: -2px; top: 37px; width: 165px; height: 30px;","content":"Another Action","normalSettings":{"paddingR":false,"vertAlign":"middle","textSize":14,"paddingT":false,"cursor":"pointer","paddingB":false,"textFont":"\"Helvetica Neue\", Helvetica, Arial, sans-serif","padding":10},"hoverSettings":{"fillColor":"0088CC","textFillColor":"FFFFFF"},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":0,"childComps":[]},{"oidChild":5028,"intrinsicTitle":"Something Else Here","htmlClass":"s9-text","htmlStyle":"left: -2px; top: 66px; width: 165px; height: 30px;","content":"Something Else Here","normalSettings":{"paddingR":false,"vertAlign":"middle","textSize":14,"paddingT":false,"cursor":"pointer","paddingB":false,"textFont":"\"Helvetica Neue\", Helvetica, Arial, sans-serif","padding":10},"hoverSettings":{"fillColor":"0088CC","textFillColor":"FFFFFF"},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":0,"childComps":[]},{"oidChild":2040,"intrinsicTitle":"","htmlClass":"s9-h-line","htmlStyle":"left: -2px; top: 98px; width: 165px;","normalSettings":{"strokeColor":"CCCCCC"},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":0,"childComps":[]}]},"xy":false,"wh":false,"src-account":""}],"com.protoshare.states":[]}

Plain Buttons

Buttons

Split Drop-Down Buttons ( display a drop-down menu by attaching to a state )

Drop-down Menu

Button Groups

8

10

2

Info

Inverse

Important

Success

Warning

Labels & Badges

1

6

4

First

Second

Third

Default

Oh snap! Change a few things up and try submitting again.

×

protoshare-pboard-data{"com.protoshare.components2":[{"data":{"oidChild":2042,"intrinsicTitle":"","htmlClass":"s9-ct","htmlStyle":"left: 15px; top: 61px; width: 370px; height: 55px;","normalSettings":{"fillColor":"F2DEDE","strokeStyle":"solid","rounding":4,"showsScrollbars":false,"strokeColor":"EED3D7","strokeWidth":1},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":1,"childComps":[{"oidChild":8,"intrinsicTitle":"Oh snap!  Change a few things up and try submitting again.","htmlClass":"s9-rich-text","htmlStyle":"left: 13px; top: 8px; width: 325px;","content":"Oh snap! &nbsp;Change a few things up and try submitting again.","normalSettings":{"textSize":14,"textFont":"\"Helvetica Neue\", Helvetica, Arial, sans-serif","padding":0,"showsScrollbars":false,"textFillColor":"B94A48"},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":0,"childComps":[]},{"oidChild":5028,"intrinsicTitle":"×","htmlClass":"s9-text","htmlStyle":"left: 348px; top: 6px; width: 12px; height: 18px;","content":"×","normalSettings":{"vertAlign":"middle","textSize":18,"cursor":"pointer","horizAlign":"center","textFont":"\"Helvetica Neue\", Helvetica, Arial, sans-serif","showsScrollbars":false,"textFillColor":"C1B1B1"},"hoverSettings":{"cursor":"pointer","textFillColor":"918585"},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":0,"childComps":[]}]},"xy":false,"wh":false,"src-account":""}],"com.protoshare.states":[]}

Well done! You successfully read this important alert message.

×

protoshare-pboard-data{"com.protoshare.components2":[{"data":{"oidChild":2042,"intrinsicTitle":"","htmlClass":"s9-ct","htmlStyle":"left: 15px; top: 121px; width: 370px; height: 55px;","normalSettings":{"fillColor":"DFF0D8","strokeStyle":"solid","rounding":4,"showsScrollbars":false,"strokeColor":"D6E9C6","strokeWidth":1},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":1,"childComps":[{"oidChild":8,"intrinsicTitle":"Well done!  You successfully read this important alert message.","htmlClass":"s9-rich-text","htmlStyle":"left: 13px; top: 8px; width: 325px;","content":"Well done! &nbsp;You successfully read this important alert message.","normalSettings":{"textSize":14,"textFont":"\"Helvetica Neue\", Helvetica, Arial, sans-serif","padding":0,"showsScrollbars":false,"textFillColor":"468847"},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":0,"childComps":[]},{"oidChild":5028,"intrinsicTitle":"×","htmlClass":"s9-text","htmlStyle":"left: 348px; top: 6px; width: 12px; height: 18px;","content":"×","normalSettings":{"vertAlign":"middle","textSize":18,"cursor":"pointer","horizAlign":"center","textFont":"\"Helvetica Neue\", Helvetica, Arial, sans-serif","showsScrollbars":false,"textFillColor":"B2C0AC"},"hoverSettings":{"cursor":"pointer","textFillColor":"889283"},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":0,"childComps":[]}]},"xy":false,"wh":false,"src-account":""}],"com.protoshare.states":[]}

Heads up! This alert needs your attention, but it's not super important.

×

protoshare-pboard-data{"com.protoshare.components2":[{"data":{"oidChild":2042,"intrinsicTitle":"","htmlClass":"s9-ct","htmlStyle":"left: 15px; top: 181px; width: 370px; height: 55px;","normalSettings":{"fillColor":"D9EDF7","strokeStyle":"solid","rounding":4,"showsScrollbars":false,"strokeColor":"BCE8F1","strokeWidth":1},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":1,"childComps":[{"oidChild":8,"intrinsicTitle":"Heads up!  This alert needs your attention, but it's not super important.","htmlClass":"s9-rich-text","htmlStyle":"left: 13px; top: 8px; width: 325px;","content":"Heads up! &nbsp;This alert needs your attention, but it's not super important.","normalSettings":{"textSize":14,"textFont":"\"Helvetica Neue\", Helvetica, Arial, sans-serif","padding":0,"showsScrollbars":false,"textFillColor":"3A87AD"},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":0,"childComps":[]},{"oidChild":5028,"intrinsicTitle":"×","htmlClass":"s9-text","htmlStyle":"left: 348px; top: 6px; width: 12px; height: 18px;","content":"×","normalSettings":{"vertAlign":"middle","textSize":18,"cursor":"pointer","horizAlign":"center","textFont":"\"Helvetica Neue\", Helvetica, Arial, sans-serif","showsScrollbars":false,"textFillColor":"AEBEC6"},"hoverSettings":{"cursor":"pointer","textFillColor":"859197"},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":0,"childComps":[]}]},"xy":false,"wh":false,"src-account":""}],"com.protoshare.states":[]}

Best check yo self, you're not looking too good. Nulla vitae elit libero, pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

×

Warning!

protoshare-pboard-data{"com.protoshare.components2":[{"data":{"oidChild":2042,"intrinsicTitle":"","htmlClass":"s9-ct","htmlStyle":"left: 15px; top: 241px; width: 370px; height: 130px;","normalSettings":{"fillColor":"FCF8E3","strokeStyle":"solid","rounding":4,"showsScrollbars":false,"strokeColor":"FBEED5","strokeWidth":1},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":1,"childComps":[{"oidChild":8,"intrinsicTitle":"Best check yo self, you're not looking too good.  Nulla vitae elit libero, pharetra augue.  Praesent commodo cursus magna, vel scelerisque nisl consectetur et.","htmlClass":"s9-rich-text","htmlStyle":"left: 14px; top: 33px; width: 325px;","content":"Best check yo self, you're not looking too good. &nbsp;Nulla vitae elit libero, pharetra augue. &nbsp;Praesent commodo cursus magna, vel scelerisque nisl consectetur et.","normalSettings":{"textSize":14,"textFont":"\"Helvetica Neue\", Helvetica, Arial, sans-serif","showsScrollbars":false,"textFillColor":"C09853"},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":0,"childComps":[]},{"oidChild":5028,"intrinsicTitle":"×","htmlClass":"s9-text","htmlStyle":"left: 344px; top: 4px; width: 20px; height: 20px;","content":"×","normalSettings":{"vertAlign":"middle","textSize":18,"horizAlign":"center","textFont":"\"Helvetica Neue\", Helvetica, Arial, sans-serif","showsScrollbars":false,"textFillColor":"CAC7B6"},"hoverSettings":{"cursor":"pointer","textFillColor":"9A988B"},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":0,"childComps":[]},{"oidChild":5028,"intrinsicTitle":"Warning!","htmlClass":"s9-text","htmlStyle":"left: 14px; top: 9px; width: 100px;","content":"Warning!","normalSettings":{"textSize":14,"textFont":"\"Helvetica Neue\", Helvetica, Arial, sans-serif","textStyle":"normal bold","textFillColor":"C09853"},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":0,"childComps":[]}]},"xy":false,"wh":false,"src-account":""}],"com.protoshare.states":[]}

Alerts

H1 Lorem ipsum

H2 Lorem ipsum

LIST HEADER

Hyperlink

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque risus in enim porta aliquam. In vitae risus purus.

Look, I'm in a well!

H1 Subtext

H3 Lorem ipsum

H4 Lorem ipsum

Typography

▾

This is a tooltip

protoshare-pboard-data{"com.protoshare.components2":[{"data":{"oidChild":2042,"htmlStyle":"left: 302px; top: 246px; width: 88px; height: 38px;","normalSettings":{"showsScrollbars":false},"hiddenFlag":0,"positionLockedFlag":0,"contentLockedFlag":1,"childComps":[{"oidChild":5027,"intrinsicTitle":"▾","htmlClass":"s9-link","htmlStyle":"left: 39px; top: 12px; width: 14px; height: 26px;","normalSettings":{"textSize":18,"text":"▾","cursor":"pointer","fillColor":"none","textFont":"\"Helvetica Neue\", Helvetica, Arial, sans-serif","rounding":3,"textFillColor":"000000"},"hoverSettings":{"cursor":"pointer","textDecoration":"underline","textFillColor":"005580"},"hiddenFlag":0,"groupNames":["g1361402169996"],"positionLockedFlag":0,"contentLockedFlag":0,"childComps":[]},{"oidChild":5028,"intrinsicTitle":"This is a tooltip","htmlClass":"s9-text","htmlStyle":"left: 0px; top: 0px; width: 88px; height: 25px;","content":"This is a tooltip","normalSettings":{"vertAlign":"middle","textSize":11,"cursor":"pointer","fillColor":"000000","horizAlign":"center","opacity":80,"textFont":"\"Helvetica Neue\", Helvetica, Arial, sans-serif","rounding":3,"padding":5,"showsScrollbars":false,"textFillColor":"FFFFFF"},"hiddenFlag":0,"groupNames":["g1361402169996"],"positionLockedFlag":0,"contentLockedFlag":0,"childComps":[]}]},"xy":false,"wh":false,"src-account":""}],"com.protoshare.states":[]}

Action

Another Action

Something Else Here

Separated Link

Status Bars

First

Second

Third