Choose
Theme:

Button Variants

Solid Button Style

               

Clear Button Style

Outline Button Style

               

Rounded Button Style

               

Rounded Outline Button Style

               

Curved Button Style

               

Curved Outline Button Style

               

Select

Value: 
Value: 
Value: pottery

Autocomplete

Value: ""
Value: ""
Value: ""
Value: ""

Range Slider

Basic

60
      Value: 60

Currency

$0$2,000,000
$500,000
      Value: 500000

Progress

(2 of 6)
PrevNext

Radio Button

Basic

favoriteFruitValue: orange
    
favoriteFruitNgModel: apple
    
ReactiveForm: mango

Inline

mango

Checkbox

Basic

          paidOvertimeValue: false

Multiple

ReactiveForm: [
  "Mango",
  "Peach",
  "PineApple"
]
 favoriteFruitNgModel: [
  "Mango"
] 
 favoriteFruitNgModel: [
  "Mango"
]

Inline

 favoriteFruitValue: [
  "Mango"
]
Stepper
(1 of 3)
Advanced Stepper
Modal
Popover
Text Only
Title+Text
Multiple lines
Placement - Bottom
Right
Light Theme
Cards
Default
Card
Box Shadow
Card
Solid Shadow
Card
With Image
Card
 “Lorem ipsum dolor sit amet, consectetur adipiscing elit” 
Lorem ipsum dolor
Icon with Fixed Height
Lorem Ipsum
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. 
Without Icon
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt, consectetur adipiscing elit, sed do eiusmod tempor, sed do eiusmod tempor. 
With Image and Solid Shadow
Card
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt, consectetur adipiscing elit, sed do eiusmod tempor, sed do eiusmod tempor. 
Lorem ipsum
Accordion
Basic
 Header I 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 
 Header II 
 Header III 
Multiple
 Header I 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 
 Header II 
 Header III 
Table (DataTable)
 Dynamic Table with Single Sort, Scrolling, Row Select and Table Styles 
 Code  Name  Category  Weight  DateCreated  
Table Dark
CodeNameCategoryWeight
Light Table Head
CodeNameCategoryWeight
Striped rows
CodeNameCategoryWeight
Striped rows Even
CodeNameCategoryWeight
Bordered Table
CodeNameCategoryWeight
Hoverable Rows Table
CodeNameCategoryWeight
Hoverable Rows Dark Table
CodeNameCategoryWeight
Tabs (Basic, Disabled, Closable, Custom Header)
 consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.