An opinionated graphical library depending on the Material-UI, covering topics of views/pages/routes/animations/transitions/etc, and designed for commercialized products, which is also an extended library of the core mui-lib.
This repo will change often with various views, as like the graphical stuff never satisfies.
Here will be a demo, which can be used for references.
The views serving as organic components for standalone or embedded applications.
- App Action Button
- App Languages Selector
- App Page Header
- App Page Paragraph
- App Secondary Menu
The data intensive views for commonly structured data, anything for data visualization except the diagrams, often supported with simple and plain views.
- Basic Data
- Array / Sorted or Unsorted List / Linked List
- Tree / Simple Tree / Treed List
- Mixed Data
- Collection of Objects / Simple Table
- Grouped Collection of Objects
- Networked Objects
All components should named starting with "View", and hence its category.
Currently the categories are
- Card
- A Card may often be an item of a gallery.
- Gallery
- Grid
- A grid may be a kind of dense gallery.
- Item
- Item for Gallery
- Table
Name the components following the above rule.
- View Card Statistics
- View Grid Calendar
- A dense grid containing usually indexed entries like a calendar.
- Good to be used for seats-table-like cases.
- View Informative Table
- View Item Statistics
- View Plain List
The views containing visual diagrams.
The views rendering kinds of text documents.
- View Markdown
The shared options empowering the available views.
The options related to coloring.
An alternative utility of clsx, to combine css class names conditionally, mentioned from here.
export const clx = (...fields: (string | boolean | undefined)[]) => fields.filter(t => Boolean(t)).join(' ');