logo
U
N
I
F
Y
I
N
G
 
D
E
S
I
G
N
 
A
C
R
O
S
S
 
T
E
S
Guidelines
  • Design principles
  • Button alignment
  • Form Validation
  • Left Nav Column
  • Date & Time format
  • Use of undo
  • Item and facet counts
  • White background
Core
  • Borders
  • Colors
  • Flex
  • Icons
  • Layout
  • Spacing
  • Typography
  • Visibility
Elements
  • Autocomplete
  • Badge
  • Button
  • Checkbox / radio
  • Click stars
  • Datalist group
  • Error
  • Fieldset
  • Form control row
  • Form control column
  • Form group
  • Help
  • Input
  • Input group
  • Label
  • Loading
  • Notification Badge
  • Pill
  • Popover
  • Profile avatar
  • Rating
  • Select
  • Select Group
  • Simple date
  • Select date
  • Tabs
  • Textarea
  • Textarea group
  • Toggle
Components
  • BreadcrumbTrail
  • Collapsible
  • Container
  • Feedback Capture
  • Filter
  • Mobile Browse
  • Modal
  • Modal Error
  • Multiselect
  • Notification
  • Pagination
  • Panel
  • Profile card
  • Radio group
  • Ride
  • Smart nav
  • Uploader

Components

Components, defined by using React, are the more complex UI blocks composed by Elements and native react dom elements (i.e. a, div, p, etc...).

Differently from the elements package, here every component is available via its own package (you can find the correct package and the version at the end of each component page, i.e. look at here)


This is the list of all the components:

BreadcrumbTrailCollapsibleContainerFeedback CaptureFilterMobile BrowseModalModal ErrorMultiselectNotificationPaginationPanelProfile cardRadio groupRideSmart navUploader

Copyright @ Tes 2020   |    v. 1.0.0 - Repository