Basic controls

Pip.WebUI.Controls modules provides controls mix

Color picker control allows to select a color from predefined pallette.

See online sample here...

Image slider creates an interactive image carusel with smooth animations. This control is usually used on landing or guidance screens.

See online sample here...

Markdown control visualizes hypertext formated as markdown and converted int HTML.

See online sample here...

Popover control provides nice looking popovers with achors. Usually that control is used for context guidance.

See online sample here...

Progress control shows animated ring with a logo inside. It is used in page transitions and initial application loading.

See online samples here...

Reference expander is a clickable elemement that looks similar to Reference item but also allows to expand/collapse details.

Empty state component shows a placeholder for pages without data. It gives an explanation and provides one or few actions to get started.

Toast services allows to show toast messages, formatted in different ways and presented in priority order. It ensures that one toast message will not hide another one, until timeout expires or users handles it.

See online samples here...

Learn more about the module

• User's guide
• Online samples
• API reference
• Developer's guide
• Changelog
• Pip.WebUI project website
• Pip.WebUI project wiki
• Pip.WebUI discussion forum
• Pip.WebUI team blog

Module dependencies

• pip-webui-lib: angular, angular material and other 3rd party libraries
• pip-webui-css: CSS styles and web components
• pip-webui-services: localization and other core services

License

This module is released under MIT license and totally free for commercial and non-commercial use.