Introduction
Foundations
Components
Directives
Pipes
Motion
Brand
⌘K
Alerts & notifications
Banner alert
Banner announcement
Floating action
Toast alert
Buttons & actions
Button
Link
Pull refresh
Share buttons
Share link
Social buttons
Split button
Toggle buttons
Cards
Card
Widget
Forms
Checkbox card
Checkbox
Currency input
Date input
Date range calendar
File select
Input
Label
Location input
Multi select
Multiple location input
Otp input
Phone input
Radio
Search
Segmented date input
Select
Slider
Smart textarea
Textarea
Timepicker
Toggle
Icons / images / media
Animated svg
File viewer
Gallery mosaic
Icon
Image cropper
Layouts
Container
Grid
Page layout
Table
Navigation
Breadcrumbs
Pagination
Tabs
Popups / overlays
Callout
Drawer
Dropdown filter
Highlight
Modal
More options
Tooltip
Progress & loading indicators
Countdown timer
Loading template
Progress bar
Progress steps
Spinner
Tags
Tag
Typography
Fonts
Hr
Components
Navigation
Tabs
Tabs
Tabs for switching between views, with a color input for light or dark text
Contents
Default
Alignment
align
Bordered
border
Colors
color
Direction
direction
Icon
color
Image
color
Media position
No inputs set
More options
color
Router
No inputs set
Router with query
No inputs set
Size
size
sizeTablet
sizeDesktop
Subtitle
direction
Truncate
truncate
My Tab
My Other Tab
My Tab
My Other Tab
My Tab
My Other Tab
Smart Copy
Copy Snippet
Expand
Inputs in Colors
color
?
:
TabsColor
= TabsColor.FOREGROUND
Show all 14 inputs