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

Elements

Elements, defined by using React, are the building blocks of our components and web pages.
Each Element can be composed by different React html native dom nodes (i.e. a, div, p, etc)

All the elements are exposed on a single package

module-tsl-ui-elements


This is the list of all the elements:

AutocompleteBadgeButtonCheckbox / radioClick starsDatalist groupErrorFieldsetForm control rowForm control columnForm groupHelpInputInput groupLabelLoadingNotification BadgePillPopoverProfile avatarRatingSelectSelect GroupSimple dateSelect dateTabsTextareaTextarea groupToggle

Copyright @ Tes 2020   |    v. 1.0.0 - Repository