Documentation
Foundations
Components
Layout
Navigation
Charts
Customization
Tools
Animations
Directives
ActiveZone
Appearance
AutoFocus
CopyProcessor
DateFormat
ElasticSticky
Element
Fade
FluidTypography
Highlight
HoveredChange
LazyLoading
Let
Media
NumberFormat
Pan
Present
Resizer
Ripple
Sensitive
Sidebar
Skeleton
Swipe
TextfieldController
Theme
Touchable
Validator
ValueChanges
Zoom
Pipes
Services
Utils
Appearance
CORE
Examples
API
Setup
More
Source code
A directive for visual presets of interactive components
Basic
#
Interactive elements react to pointer natively but you can override state with inputs
Preview
HTML
TypeScript
LESS
More
Edit
Non-interactive elements do not react to pointer
Hovered state is only triggered on devices with pointer
Triggering state manually
Custom
#
Use LESS or SCSS mixins to create your own appearances in global styles
Preview
HTML
TypeScript
LESS
More
Edit
SCSS mixins have the same names
Checkbox
#
You can use it on input[type="checkbox"] to create a custom toggle component easily
Preview
HTML
TypeScript
LESS
More
Edit
Bundled
#
You can create your own appearances or use one of the bundled options
Preview
HTML
TypeScript
LESS
More
Edit
Primary
primary
primary-destructive
primary-grayscale
Secondary
secondary
secondary-destructive
secondary-grayscale
Flat
flat
flat-destructive
flat-grayscale
Outline
outline
outline-destructive
outline-grayscale
Action
action
action-destructive
action-grayscale
Status
neutral
negative
positive
warning
info
Others
icon
floating
textfield
glass
accent
Taiga UI
v4.16.0
More