<H1> Introduction </H1> |
<H1> Kentico Cloud Pattern library </H1> |
<H1> Typography </H1> |
<H1> h1. heading </H1> |
<H1> Atoms </H1> |
<H1> Molecules </H1> |
<H1> Organisms </H1> |
<H1> content inventory </H1> |
<H1> content inventory </H1> |
<H1> content inventory </H1> |
<H1> Icons </H1> |
<H2> A list of patterns, interactions and components that power the Kentico Cloud apps. </H2> |
<H2> Headings </H2> |
<H2> h2. heading </H2> |
<H2> Balloon </H2> |
<H2> Buttons </H2> |
<H2> Checkboxes & Radio buttons </H2> |
<H2> Date picker </H2> |
<H2> Dropdown </H2> |
<H2> Dropdown menu </H2> |
<H2> Multi select </H2> |
<H2> Input </H2> |
<H2> Labels </H2> |
<H2> Toolbar </H2> |
<H2> Tree list </H2> |
<H2> Status indicator </H2> |
<H2> Switch </H2> |
<H2> Asset tile </H2> |
<H2> Bar item </H2> |
<H2> Keep Guidelines where the creative process happens. </H2> |
<H2> Callout </H2> |
<H2> Codename popover </H2> |
<H2> Comments </H2> |
<H2> content type element </H2> |
<H2> Data table </H2> |
<H2> Form </H2> |
<H2> Account details </H2> |
<H2> Info table </H2> |
<H2> Language selector </H2> |
<H2> Popover </H2> |
<H2> Popover confirmation </H2> |
<H2> Status bar </H2> |
<H2> Workflow step </H2> |
<H2> Loaders </H2> |
<H2> Notification </H2> |
<H2> Tabs </H2> |
<H2> Status </H2> |
<H2> Contributors </H2> |
<H2> App bar </H2> |
<H2> Modal dialog </H2> |
<H3> Headings </H3> |
<H3> h3. heading </H3> |
<H3> balloon-pos=[somewhere] </H3> |
<H3> Default button </H3> |
<H3> Secondary button </H3> |
<H3> Destructive button </H3> |
<H3> Default button - inverted </H3> |
<H3> Secondary button - inverted </H3> |
<H3> Destructive button - inverted </H3> |
<H3> Button with icon </H3> |
<H3> Action buttons </H3> |
<H3> Bar item action buttons </H3> |
<H3> content element small action buttons </H3> |
<H3> Small buttons </H3> |
<H3> Block buttons </H3> |
<H3> Default options </H3> |
<H3> Inverted options </H3> |
<H3> Datetime picker </H3> |
<H3> Default dropdown </H3> |
<H3> Disabled dropdown </H3> |
<H3> Dropdown has error </H3> |
<H3> Dropdown --inline-block </H3> |
<H3> Default dropdown menu with separator </H3> |
<H3> Dropdown menu with a submenu, action and a disabled option </H3> |
<H3> Dropdown menu with scrolling </H3> |
<H3> Dropdown menu with links </H3> |
<H3> Default empty </H3> |
<H3> Invalid </H3> |
<H3> Default with options </H3> |
<H3> Has focus empty </H3> |
<H3> Dropdown with tree structure and a header </H3> |
<H3> Input field variant </H3> |
<H3> Editable </H3> |
<H3> Not Editable </H3> |
<H3> With a button </H3> |
<H3> Draggable </H3> |
<H3> Draggable with a button </H3> |
<H3> Invalid </H3> |
<H3> Invalid with a button </H3> |
<H3> RTE variant - When the text can be commented upon </H3> |
<H3> Editable </H3> |
<H3> Not Editable - Comments only </H3> |
<H3> Completely disabled </H3> |
<H3> With a button </H3> |
<H3> With a button has focus </H3> |
<H3> Invalid </H3> |
<H3> Invalid with a button </H3> |
<H3> Read-only input — showing value to the user with additional actions </H3> |
<H3> With one button </H3> |
<H3> Showing info text, with one button </H3> |
<H3> Showing an error, with a disabled button </H3> |
<H3> With secondary button </H3> |
<H3> With two buttons </H3> |
<H3> Showing an error, with enabled buttons </H3> |
<H3> Purpose specific labels </H3> |
<H3> All labels </H3> |
<H3> Toolbar in Rich Text Editor - Inline Toolbar </H3> |
<H3> Toolbar in Rich Text Editor - Block Toolbar </H3> |
<H3> Basic tree list (Sitemap) </H3> |
<H3> Default </H3> |
<H3> Validation passed </H3> |
<H3> Validation failed </H3> |
<H3> Is missing </H3> |
<H3> Switched On </H3> |
<H3> Switched Off </H3> |
<H3> Asset in Asset library </H3> |
<H3> Asset as content item element - without comments </H3> |
<H3> Asset as content item element - contains comments </H3> |
<H3> Asset as content item element - contains comments and focused </H3> |
<H3> Stacked bar items - hierarchy </H3> |
<H3> Bar item in Linked items elements </H3> |
<H3> Bar item in Linked items elements - added </H3> |
<H3> Bar item in Linked items elements - removed </H3> |
<H3> Bar item in Linked items elements - disabled </H3> |
<H3> Bar item in Linked items elements - not imported </H3> |
<H3> Bar item in Linked items elements - expanded </H3> |
<H3> Bar item in Linked items elements inside rich text editor - removed </H3> |
<H3> Bar items with labels </H3> |
<H3> Bar items with out-of-pane action </H3> |
<H3> Bar item with a codename popover </H3> |
<H3> As a productivity tip </H3> |
<H3> As a upgrade subscription warning for a not admin user </H3> |
<H3> As a upgrade subscription warning for an admin user </H3> |
<H3> As a upgrade subscription warning for a not admin user without title </H3> |
<H3> As a upgrade subscription warning for an admin user without title </H3> |
<H3> As a warning </H3> |
<H3> As a warning without title </H3> |
<H3> As an error </H3> |
<H3> As an info </H3> |
<H3> content type element with a Codename </H3> |
<H3> content type element with a Codename and its popover </H3> |
<H3> Long names </H3> |
<H3> Adding new comment without text </H3> |
<H3> Adding new comment with filled in text </H3> |
<H3> Posted comment </H3> |
<H3> Posted comment with focus on comment </H3> |
<H3> Posted comment with focus on input </H3> |
<H3> A piece of conversation at canvas, unfocused </H3> |
<H3> Comment that is referencing a portion of text/rich-text </H3> |
<H3> A comment that is referencing an asset </H3> |
<H3> Resolved comment thread </H3> |
<H3> Text content type element with shown configuration </H3> |
<H3> Text content type element with hidden configuration </H3> |
<H3> Text content type element in content type snippet that generates url slug </H3> |
<H3> URL slug content type element with shown configuration </H3> |
<H3> Empty Data table </H3> |
<H3> With actions, items and pagination </H3> |
<H3> With some items selected </H3> |
<H3> Showing deleted items </H3> |
<H3> Showing updated items </H3> |
<H3> With one secondary action </H3> |
<H3> Data table with dropdown </H3> |
<H3> Form with one error input </H3> |
<H3> Forms used in user profile card </H3> |
<H3> Info table variant </H3> |
<H3> Roles & Capabilities </H3> |
<H3> Basic language selector </H3> |
<H3> popover--is-pointing-[somewhere] </H3> |
<H3> popover--is-rte-pointing-down-[somewhere] </H3> |
<H3> popover--is-dark </H3> |
<H3> Popover confirmation with a friendly warning </H3> |
<H3> Complete status bar with open projects dropdown </H3> |
<H3> Example workflow step configuration </H3> |
<H3> Main loader </H3> |
<H3> Bar item loader </H3> |
<H3> Notification bar - info </H3> |
<H3> Notification bar - error </H3> |
<H3> Notification bar - confirmation </H3> |
<H3> Notification bar - warning </H3> |
<H3> Access denied notification </H3> |
<H3> Do you really need to change the Sitemap? </H3> |
<H3> Global tabs in an application </H3> |
<H3> Tabs as sidebar </H3> |
<H3> Static app bar </H3> |
<H3> Static app bar with beta flag </H3> |
<H3> Static app bar with status and undo </H3> |
<H3> With editable name and back button </H3> |
<H3> With read-only name and back button </H3> |
<H3> With editable name, back button and codename and save button </H3> |
<H3> With editable name, back button, codename and status message </H3> |
<H3> With editable name, back button, codename, preview and status message </H3> |
<H3> With editable name, back button, codename and popover </H3> |
<H3> With editable name, back button, codename and popover with a success message </H3> |
<H3> With editable name, back button, status message, language selector, codename and more actions button </H3> |
<H3> With editable name, back button, save button and expanded more actions button </H3> |
<H3> With editable name, status message, save button and more actions </H3> |
<H3> Unsaved changes </H3> |
<H4> h4. heading </H4> |
Social
Social Data
Cost and overhead previously rendered this semi-public form of communication unfeasible.
But advances in social networking technology from 2004-2010 has made broader concepts of sharing possible.