What Can I Use This For?
+Current Progress
+Usage
Flag sprites are useful for designating political states for everything from sports matches to localization dropdowns. Just be sure not to use them to represent languages or you might get a visit from the UX police.
diff --git a/server/documents/elements/rail.html.eco b/server/documents/elements/rail.html.eco index 224df6546..8c8daae09 100755 --- a/server/documents/elements/rail.html.eco +++ b/server/documents/elements/rail.html.eco @@ -16,7 +16,15 @@ type : 'UI Element'What Can I Use This For?
+Current Progress
+Usage
A rail provides a fixed-width, off-canvas content segment that that is only visible at large enough screen sizes to support their inclusion.
Often rail content uses a section of content that sticks to the browser viewport, following the user as they scroll down the page. This will be available in a separate component ui sticky
.
What Can I Use This For?
+Current Progress
+Usage
Semantic's default theme includes the latest Normalize css to provide a base line. In addition somewhat uniquely, Semantic UI requires a Box-sizing reset, to make sure that all elements handle width definitions in the same way.
What Can I Use This For?
+Current Progress
+Usage
Semantic includes a basic set of site parameters, including paragraph spacing, page line-height, body font size, color hex-code definitions, and other globally pertinent themable values
In addition Semantic provides utilities to include common web fonts available through Google Fonts, and include them as part of UI themes.
diff --git a/server/documents/modules/nag.html.eco b/server/documents/modules/nag.html.eco new file mode 100644 index 000000000..91decbac0 --- /dev/null +++ b/server/documents/modules/nag.html.eco @@ -0,0 +1,78 @@ +--- +layout : 'default' +css : '' +element : 'nag' +elementType : 'module' + +title : 'Nag' +description : 'A nag is an important message that persists until dismissed by a user' +type : 'UI Module' + +status : 'Undocumented' +--- + +<%- @partial('header', { tabs: { overview: 'Overview' } }) %> + +Current Progress
+Usage
+Nags are used to present a user with a one time message which will persist until a user acknowledges the message. This can be used for providing notices like the site's use of cookies, or an importan change to a site like a security breach, or an important event.
+Semantic's nag component provides built in options for ensuring a nag is only displayed once. You can trigger an API endpoint on dismissal, in order to store a value in your database, or you can use localstorage or cookie value to make sure that a particular computer does not receive the nag again.
+Example
+ +Support Development
+You can help support the future development of the Semantic UI project, and help boost the priority of this component by donating to Semantic UI development.
+ +Please be sure to leave a note in the comments to indicate that you are interested in the development of this particular component.
+ +Current Progress
+Usage
+Autocomplete Results
+Search allows you to query either remote endpoints, with the API behavior or local javascript objects for search results which are then presented in-place below the search prompt.
+Semantic's search component can group displayed results by category, or as a simple list, and has built in keyboard support and custom error message routing, as well as support for navigating to full text results from within the autocomplete menu.
+Support Development
+You can help support the future development of the Semantic UI project, and help boost the priority of this component by donating to Semantic UI development.
+ +Please be sure to leave a note in the comments to indicate that you are interested in the development of this particular component.
+ +What Can I Use This For?
+Current Progress
+Usage
Content on Rails
Sticky allows for content to stick itself to a different elements viewport, so that it remains on screen as long as its related content is visible
@@ -39,10 +45,6 @@ themes : ['Default']This is an undocumented component, but is mostly complete.
-You can help support the future development of the Semantic UI project, and help boost the priority of this component by donating to Semantic UI development.
Please be sure to leave a note in the comments to indicate that you are interested in the development of this particular component.
@@ -50,6 +52,4 @@ themes : ['Default']