[ctrl+alt+n]
Start
Guides
Overview
Guide 1 – Essentials
Guide 2 – Design Drafts
Guide 3 - Connect a Library
Guide 4 – Interaction
Guide 5 – Variables
Guide 6 - Create a Pattern
Guide 7 - Create Properties
Guide 8 - Create Library
Howto
Reference
Glossary
Pattern Library
Properties
Contributing
Alva Data Flow
Howto: Develop Alva
Howto: Test autupdater
Welcome Contributors
Code of Conduct
Release
Meet Alva
Change Log
Legal notice
Privacy Policy
GitHub
Gitter
Components
Add Button
Badge Icon
Button
Chrome
Chrome Button
Copy
Drag Area
Editable Tile
Element
Element Slot
Empty State
Headline
Icons
Image
Layout
Library Box
Link
Link with Icon
List
Overlay
Page Tile
Pattern List
Property Details
Property Item: Asset
Property Item: boolean
Property Item: Number
Property Item: Radiogroup
Property Item: Select
Search
select
Space
String Item
Tab
Teaser
View Switch
Search
Nice browser. Is it antique?
No, seriously - your browser is so old that some features of patternplate don't work as expected.
Don't worry - you can either continue with a restricted version or install an up-to-date browser.
We messed up.
Sorry, but your user experience might be affected.
- Try reloading the page
- Report the problem at github.com/patternplate/patternplate
Empty State
@1.0.0
[ctrl+alt+o]
Explanation of todos in case of an empty state
alpha
empty-state
%5B%7B%22base%22%3A1%2C%22config%22%3A2%2C%22pattern%22%3A3%2C%22startBase%22%3A1%2C%22staticBase%22%3A4%2C%22isStatic%22%3A5%2C%22manifest%22%3A6%7D%2C%22%2F%22%2C%7B%22docs%22%3A7%2C%22entry%22%3A8%2C%22mount%22%3A9%2C%22render%22%3A10%2C%22cover%22%3A11%2C%22ui%22%3A12%7D%2C%7B%22id%22%3A13%7D%2C%22%2Fstatic%22%2Ctrue%2C%7B%22vendors~client.js%22%3A14%2C%22vendors~client.js.map%22%3A15%2C%22client.js%22%3A16%2C%22client.js.map%22%3A17%7D%2C%5B18%2C19%5D%2C%5B20%5D%2C%22%40patternplate%2Frender-react%2Fmount%22%2C%22%40patternplate%2Frender-react%2Frender%22%2C%22%40meetalva%2Fsite%22%2C%7B%22logo%22%3A21%2C%22favicon%22%3A22%2C%22colorBackgroundDark%22%3A23%2C%22colorBackgroundSecondaryDark%22%3A24%2C%22colorBackgroundTertiaryDark%22%3A24%2C%22colorBorderDark%22%3A24%2C%22colorTextDark%22%3A25%2C%22colorRecessDark%22%3A26%2C%22colorActive%22%3A27%2C%22showComponents%22%3A5%7D%2C%22pattern%2Fempty-state%22%2C%22vendors~client.2c41956dcfe3167445e6.js%22%2C%22vendors~client.2c41956dcfe3167445e6.js.map%22%2C%22client.0db6d43c21d684ebb3ec.js%22%2C%22client.0db6d43c21d684ebb3ec.js.map%22%2C%22*.md%22%2C%22docs%2F**%2F*.md%22%2C%22packages%2Fcomponents%2Flib%2F**%2Fdemo.js%22%2C%22%3Csvg%20width%3D%5C%2250%5C%22%20height%3D%5C%2250%5C%22%20viewBox%3D%5C%220%200%20120%20120%5C%22%20xmlns%3D%5C%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%5C%22%20xmlns%3Axlink%3D%5C%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%5C%22%3E%5Cn%5Ct%3Cpath%20fill%3D%5C%22%23ffffff%5C%22%20d%3D%5C%22M60%20110c-27.57%200-50-22.43-50-50s22.43-50%2050-50%2050%2022.43%2050%2050-22.43%2050-50%2050%5C%22%20id%3D%5C%22b%5C%22%2F%3E%5Cn%5Ct%3Cpath%20d%3D%5C%22M78.96%2055c.84%200%201.34.98.85%201.68L56.89%2089.55c-.6.84-1.89.42-1.89-.62V56.06c0-.58.47-1.06%201.04-1.06h22.92z%5C%22%20fill%3D%5C%22%23EC0361%5C%22%2F%3E%5Cn%5Ct%3Cpath%20d%3D%5C%22M63.95%2030a1%201%200%200%200-.83.45L40.2%2063.32c-.5.7%200%201.68.84%201.68h22.92c.57%200%201.04-.48%201.04-1.06V31.07c0-.66-.52-1.07-1.05-1.07M60%2043.66V60H48.6L60%2043.66%5C%22%20fill%3D%5C%22%235802CD%5C%22%2F%3E%5Cn%5Ct%3Cpath%20d%3D%5C%22M65%2063.94V55h-5v5h-5v5h8.96c.57%200%201.04-.48%201.04-1.06%5C%22%20fill%3D%5C%22%2351004D%5C%22%2F%3E%5Cn%3C%2Fsvg%3E%5Cn%22%2C%22%3Csvg%20width%3D%5C%2250%5C%22%20height%3D%5C%2250%5C%22%20viewBox%3D%5C%2210%2010%20100%20100%5C%22%20xmlns%3D%5C%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%5C%22%20xmlns%3Axlink%3D%5C%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%5C%22%3E%5Cn%3Cpath%20fill%3D%5C%22%23ffffff%5C%22%20d%3D%5C%22M60%20110c-27.57%200-50-22.43-50-50s22.43-50%2050-50%2050%2022.43%2050%2050-22.43%2050-50%2050%5C%22%20id%3D%5C%22b%5C%22%2F%3E%5Cn%3Cpath%20d%3D%5C%22M78.96%2055c.84%200%201.34.98.85%201.68L56.89%2089.55c-.6.84-1.89.42-1.89-.62V56.06c0-.58.47-1.06%201.04-1.06h22.92z%5C%22%20fill%3D%5C%22%23EC0361%5C%22%2F%3E%5Cn%3Cpath%20d%3D%5C%22M63.95%2030a1%201%200%200%200-.83.45L40.2%2063.32c-.5.7%200%201.68.84%201.68h22.92c.57%200%201.04-.48%201.04-1.06V31.07c0-.66-.52-1.07-1.05-1.07M60%2043.66V60H48.6L60%2043.66%5C%22%20fill%3D%5C%22%235802CD%5C%22%2F%3E%5Cn%3Cpath%20d%3D%5C%22M65%2063.94V55h-5v5h-5v5h8.96c.57%200%201.04-.48%201.04-1.06%5C%22%20fill%3D%5C%22%2351004D%5C%22%2F%3E%5Cn%3C%2Fsvg%3E%5Cn%22%2C%22rgb(0%2C%200%2C%200)%22%2C%22rgb(10%2C%2010%2C%2010)%22%2C%22rgb(242%2C%20242%2C%20242)%22%2C%22rgb(153%2C%20153%2C%20153)%22%2C%22rgb(215%2C%200%2C%2082)%22%5D