Single-page UI test surface
Use this page to exercise the full top-nav-only preview and validate the main Tabler components in one place.
Typography
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
This is a lead paragraph with larger text.
This is a regular paragraph with bold text, italic text, and underlined text.
This is small muted text.
Primary text color
Success text color
Danger text color
Simple Card
This is a simple card with header and body content.
Card with Footer
This card includes a footer section.
Alerts
Badges
Progress Bars
Form Elements
Lists
Unordered List
- First item
- Second item
- Third item
Ordered List
- First item
- Second item
- Third item
Table
| Name | Status | |
|---|---|---|
| John Doe | john@example.com | Active |
| Jane Smith | jane@example.com | Pending |
| Bob Johnson | bob@example.com | Inactive |
Avatars
Icons
Dropdowns
Interactive Elements
Accordion
Status Elements
Status Dots
Toast Notifications
Enhanced Forms
Input with Icons
Input Groups
Range Slider
Media Elements
Flags
Payment Icons
Timeline
-
10 hrs ago
+1150 Followers
You’re getting more and more followers, keep it up!
-
2 hrs ago
+3 New Products were added!
Congratulations!
-
-
1 day ago
+290 Page Likes
This is great, keep it up!
-
2 days ago
+3 Friend Requests
-
3 days ago
+3 New photos
-
Empty State
Modals
Button Groups
Basic Button Group
Button Toolbar
Vertical Button Group
Segmented Navigation
Basic Segmented
With Icons
With Emojis
With Icons and Text
Collapse
Basic Collapse
Multiple Targets
Tooltips & Popovers
Tooltips
Popovers
List Groups
Content Elements
Blockquote
This is a blockquote example with some sample text to demonstrate the styling.
Code Block
// JavaScript example
function greetUser(name) {
console.log(`Hello, ${name}!`);
return true;
}Inline Elements
This paragraph contains inline code, Ctrl + S keyboard shortcut, and highlighted text.
Advanced Inputs
Charts & Maps
Rich Text & Signature
Media & Data
| Name | Title | Role | |
|---|---|---|---|
|
Paweł Kuna
|
UI Designer
Training
|
User | |
|
Jeffie Lewzey
|
Chemical Engineer
Support
|
User | |
|
Mallory Hulme
|
Geologist IV
Support
|
User | |
|
Dunn Slane
|
Research Nurse
Sales
|
Owner |
Offcanvas panel
This panel gives the UI test page an offcanvas target for interaction checks.
Primary action