Tables
Data Table
Used for displaying data in a list
Name
Email
Company
Status
ROLE
Harry Singh
harry@thind.dev
(778) 987 - 9087
Active
Admin
John Doe
john@thind.dev
(778) 563 - 2354
Active
Agent
Andy Han
han@thind.dev
(604) 354 - 2418
Active
Member
Jamie Choi
jamie@thind.dev
(768) 325 - 6577
Active
Member
Data Table with picture
Used for Used for displaying data in a list with an avatar data in a list
Name
Subscription
Last Payment
Status
Harry Singh
harry.singh@innofoods.ca
Starter Plan
$24/m
July 20,2023
Active
John Doe
john@thind.dev
Premium Plan
$38/m
July 20,2023
Active
Andy Han
han@thind.dev
Starter Plan
$24/m
July 20,2023
Cancelled
Jamie Choi
jamie@thind.dev
Starter Plan
$24/m
July 20,2023
Paused
Table with Search & Filters
Used for displaying actions to filter & add new data to table
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Name
Email
Company
Status
ROLE
Harry Singh
harry@thind.dev
(778) 987 - 9087
Active
Admin
John Doe
john@thind.dev
(778) 563 - 2354
Active
Agent
Andy Han
han@thind.dev
(604) 354 - 2418
Active
Member
Jamie Choi
jamie@thind.dev
(768) 325 - 6577
Active
Member
Modals
Action popup
Modal used to request an action from user.
Card Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Action popup with icon
Modal used to request an action from user.
Card Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Form popup
Modal used to collect infromation from user.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.