+
+
+ Buttons
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Form Elements
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Controls
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Progress & Badges
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Alerts
+
+
+ Success alert message
+
+
+ Info alert message
+
+
+ Warning alert message
+
+
+
+
+
+
+ DataGrid
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Tabs
+
+
+
+ Content of Tab 1. This demonstrates the tab styling.
+
+
+ Content of Tab 2. Switch tabs to see the active state.
+
+
+ Content of Tab 3. Tabs are commonly used for navigation.
+
+
+
+
+
+
+
+ Panel & Fieldset
+
+
+
+ Collapsible Panel
+
+
+ This is panel content that can be collapsed.
+
+
+
+ This is fieldset content with a border and legend.
+
+
+
+
+
+
+ Menu
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Timeline
+
+
+
+
+ Jan 2024
+
+
+
+ Project Started
+ Initial setup complete
+
+
+
+
+
+ Mar 2024
+
+
+
+ Beta Release
+ Testing phase
+
+
+
+
+
+ Jun 2024
+
+
+
+ Production
+ Live deployment
+
+
+
+
+
+
+
+
+
+ Steps
+
+
+
+ Review your shopping cart items.
+
+
+ Enter your shipping address.
+
+
+ Complete your payment.
+
+
+ Order confirmation.
+
+
+
+
+
+
+
+ Accordion
+
+
+
+ This is the content of section 1. Accordions help organize content into collapsible sections.
+
+
+ This is the content of section 2. Click the headers to expand or collapse.
+
+
+ This is the content of section 3. Great for FAQs and settings pages.
+
+
+
+
+
+
+
+ Rating & Gauges
+
+
+ Rating
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Splitter
+
+
+
+ Left Pane
+ Drag the splitter to resize.
+
+
+
+
+ Right Pane
+ Content adjusts dynamically.
+
+
+
+
+
+
+
+ Breadcrumb
+
+
+
+
+
+
+
+
+
+
+ ListBox & Tree
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Chips & Split Button
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Typography
+
+ Display H3
+ Heading H4
+ Heading H5
+ Heading H6
+ Subtitle 1
+ Subtitle 2
+ Body 1 - Regular paragraph text for content.
+ Body 2 - Smaller body text for secondary content.
+ Caption - Small text for labels and hints.
+ OVERLINE TEXT
+
+
+
+