logo

Components

VTS components are foundational building blocks to ease the workflow of UI creation and unify the design patterns.

To get started with React components, please review our technical documentation.

Image

Badge

Badge indicates the new messages in a notification.
Image

Breadcrumbs

Breadcrumbs visualize the page’s location.
Image

Button

Button summons a modal, or changes UI elements.
Image

Calendar

A calendar lets users select a date, month, and year.
Image

Card

Card groups the content and actions.
Image

Checkbox

Checkbox lets users select multiple items from a list.
Image

Dialog modal

Dialog modal is used to get input from users.
Image

Icons

Icons visually communicate an informative message.
Image

Inline notice

Inline notice shows a system generated message.
Image

Menu

menu displays a list of actions.
Image

Popover

A popover gives an elevated surface for arbitary content.
Image

Radio Button

Radio button lets users select one item from a list.
Image

Select

Select allows users to select one or more options.
Image

Spinner

Spinner is a visual indicator for loading.
Image

Switch

Switch toggles the on or off state of the input.
Image

Tabs

Tabs are used to organize content into different views.
Image

Tag

Tags associats data sets that cross-href different info.
Image

Toast Notification

Toast notification presents timely information.
Image

Tooltip

A tooltip explains a feature or terminology.