@theurbans/uniform NPM

UI Library by Hoer GmbH

For usage with frameworks please refer to official StencilJS Documentation.

🟢 ready (feature complete for now)
🟡 beta (changes possible, not feature complete)
🔴 not ready (unstyled / no functions)
🔵 planned (created, but default files)

Component overview

Name	Component	Description	State
Alert	u-alert	no description provided	🟡
Barcode Scanner	u-barcodescanner	This component allows you to scan barcodes and QR codes. It is based on the Capacitor Barcode Scanner plugin.	🟡
Breadcrumb Item	u-breadcrumb	Breadcrumb navigation component	🟢
Breadcrumb Wrapper	u-breadcrumbs	Breadcrumb List	🟢
Button	u-button	no description provided	🟢
Card	u-card	Classic card component, usable with or without picture. Structured into header, body and footer. In the body can be added a picture.	🟡
Cardbody	u-cardbody	Wrapper of body of a card, can be filled with a cardimage.	🟡
Cardfooter	u-cardfooter	Component to use as a footer of a card. Comes with function to overlap a picture in the cardbody and has a background-color, which is slighty see through.	🟡
Cardheader	u-cardheader	Component to use as a header of a card. Comes with function to overlap a picture in the cardbody.	🟡
Cardimage	u-cardimage	Component to fill a card with a picture.	🟡
Card Select	u-cardselect	no description provided	🔵
Checkbox	u-checkbox	handle bool user input	🟡
Chip	u-chip	show status of something	🟢
Column	u-col	Responsive flexbox/grid column	🟢
Collapsible	u-collapsible	accordion like component	🟢
Collapsible Group	u-collapsible-group	group collapsible elements	🟢
Color Picker	u-colorpicker	no description provided	🔵
u-container	u-container	no description provided	🔵
Date Picker	u-datepicker	no description provided	🔵
Date Time Picker	u-datetimepicker	no description provided	🔵
Desktop Layout	u-desktoplayout	default Desktop Layout - with a sidebar and a main content area	🟡
Dialog	u-dialog	pre configured Modal	🟡
Editor	u-editor	no description provided	🔵
File Picker	u-filepicker	pick single or multiple files	🟡
Floating Button	u-floatingbutton	Button floating at the bottom of the screen	🟡
Floating Menu	u-floatingmenu	Menu floating at initial position	🟡
Form	u-form	optical wrapper for input fields	🟡
Form Generator	u-formgen	generate automatic forms with a JSON schema	🟡
Grid	u-grid	no description provided	🟡
Group	u-group	This component allows you to display a group of elements.	🟡
Headline	u-headline	no description provided	🟡
Icon Wrapper	u-icon	Wrapper for icons (svg preferred)	🟡
Input	u-input	handle user text input	🟡
Item	u-item	no description provided	🔵
Label	u-label	no description provided	🔵
Layout	u-layout	layout which decides whether to use mobile or desktop layout	🟡
Link	u-link	no description provided	🟢
List	u-list	List component	🟡
List item	u-listitem	single list item	🟡
Loader	u-loader	no description provided	🔵
Menu	u-menu	no description provided	🟡
Menu Item	u-menuitem	no description provided	🔵
Mobile Layout	u-mobilelayout	Discord-App like layout with 3 swipeable columns	🟡
Modal	u-modal	A modal window that can be used to display information to the user.	🟡
Month Picker	u-monthpicker	no description provided	🔵
Navigation Bar	u-navbar	top or bottom navigation bar	🟡
Notification	u-notification	Toast like notifications	🟡
Observer	u-observer	emits events when slot becomes visible	🟢
Pagination	u-pagination	no description provided	🟡
Paragraph	u-paragraph	no description provided	🟡
Popup	u-popup	no description provided	🔵
Progress	u-progress	no description provided	🟡
Radio Group	u-radiogroup	no description provided	🟡
Row	u-row	Responsive flexbox/grid row	🟢
Select	u-select	handle single or multiple option input	🟡
Slider	u-slider	input slider	🔵
Stepper	u-stepper	formular with multiple steps	🟡
Sub-Menu	u-submenu	no description provided	🟡
Table	u-table	no description provided	🔵
Table Cell	u-tablecell	no description provided	🔵
Table Foot	u-tablefoot	no description provided	🔵
Table Generator	u-tablegen	a table gets generated from the data passed in	🟡
Table Head	u-tablehead	no description provided	🔵
Table Row	u-tablerow	no description provided	🔵
Tablet Layout	u-tabletlayout	default Desktop Layout - with a sidebar and a main content area	🟡
Tabs	u-tabs	no description provided	🔵
Terms	u-terms	term popup	🔵
Text	u-text	Text component to style fast. No added padding or margin.	🟡
Textarea	u-textarea	no description provided	🟡
Time picker	u-timepicker	no description provided	🔵
Toggle	u-toggle	no description provided	🔵
Tooltip	u-tooltip	This component allows you to display a tooltip.	🟢
Touch gesture	u-touch	This component allows you to detect gestures	🔵
Week Picker	u-weekpicker	no description provided	🔵