• Advanced

  • Bottom Sheet
  • Carousel
  • Error Fallback
  • Login
  • Network Toast
  • Offline Banner
  • Webview

• Basic

  • Anchor
  • Button
  • Buttongroup
  • Icon
  • Label
  • Lottie
  • Message
  • Picture
  • Progress-bar
  • Progress-circle
  • Search
  • Skeleton
  • Spinner
  • Video

• Data

  • Card
  • Form
  • List

• Device

  • Barcodescanner
  • Camera

• Dialogs

  • Alertdialog
  • Confirmdialog
  • Dialog

• Input

  • Calendar
  • Checkbox
  • Checkboxset
  • Chips
  • Composite
  • Currency
  • Date
  • Datetime
  • Time
  • Number
  • Radioset
  • Rating
  • Select
  • Slider
  • Switch
  • Text
  • Textarea
  • Toggle

• Layout

  • Audio
  • Accordion
  • Container
  • Layoutgrid
  • Linearlayout
  • Panel
  • Tabs
  • Tile
  • Wizard

• Navigation

  • Appnavbar
  • Menu
  • Navbar
  • Popover

• Page Layout

  • Content
  • Left-panel
  • Page-content
  • Page
  • Partial-container
  • Partial
  • Prefab
  • Tabbar

Slider Styles

class name	Type	Purpose
.app-slider	View	To style the outermost wrapper element of slider widget.
.app-slider-track	View	To style the track.
.app-slider-minimum-text	View	To style the minimum value label.
.app-slider-value-text	View	To style the value label.
.app-slider-maximun-text	View	To style the maximum value label.
.app-slider-minimum-track	View	To style the minimum track of slider widget.
.app-slider-maximum-track	View	To style the maximum track of slider widget.
.app-slider-thumb	View	To style the thumb of slider widget.
.app-slider-track-style	View	To style the outermost wrapper of slider track.
.app-slider-marker-style	View	To style all individual markers.
.app-slider-marker-label-style	Text	To style all marker labels.
.app-slider-minimum-track-style	View	To style the minimum track of range slider.
.app-slider-maximum-track-style	View	To style the maximum track of range slider.
.app-slider-active-track-style	View	To style the active track of range slider.
.app-slider-tooltip	View	To style the tooltip of slider widget.
.app-slider-tooltip-label	Text	To style the tooltip label of slider widget.
.app-slider-tooltip-triangle	View	To style the tooltip pointer of slider widget.
Prism-only styles (design system)		The following styles apply only to the Prism slider variant (i.e, when using design system)
.app-slider-thumb-wrapper	View	To style the wrapper around the thumb.
.app-slider-mark	View	To style the tick mark on the track.
.app-slider-marker-label-wrapper	View	To style the wrapper around each marker label.
.app-slider-marker-label	Text	To style each marker label text.
.app-slider-disabled-thumb	View	To style the thumb when slider is disabled.
.app-slider-disabled-min-track	View	To style the minimum track when slider is disabled.
.app-slider-disabled-max-track	View	To style the maximum track when slider is disabled.
.app-slider-disabled-range-track	View	To style the range track when slider is disabled.
.app-slider-min-track-mark	View	To style tick marks on the filled track.
.app-slider-max-track-mark	View	To style tick marks on the unfilled track.