Typography

mdui offers the mdui-prose CSS class for enhancing the styling of articles and the mdui-table CSS class for improving table styles.

Article Styling

To enhance the overall visual presentation of an article, including <table> elements, apply the mdui-prose class to the parent element of the article:

<div class="mdui-prose">
  <h1>Heading</h1>
  <p>Body</p>
  <table>

  </table>
</div>

Table Styling

To improve the visual presentation of a table, apply the mdui-table class to the <table> element:

<table class="mdui-table">

</table>

For horizontal scrolling within an element, apply the mdui-table class to the parent element of the <table>:

<div class="mdui-table">
  <table>

  </table>
</div>
MDUIDocsEnglish简体中文LightDarkSystem
Preset Colors
Custom Color
Extract Color from Wallpaper
Select a Wallpaper
Getting Started
Introduction Installation Usage TypeScript Support IDE Support Localization Frequently Asked Questions
Styles
Dark Theme Dynamic Theme Typography Design Tokens
Frameworks
React Vue Angular
Components
Button ButtonIcon Fab SegmentedButton Chip Card Checkbox Radio Switch Slider RangeSlider List Collapse Tabs Dropdown Menu Select TextField LinearProgress CircularProgress Dialog Divider Avatar Badge Icon Tooltip Snackbar NavigationBar NavigationDrawer NavigationRail BottomAppBar TopAppBar Layout
Functions
JavaScript Library dialog alert confirm prompt snackbar getTheme setTheme getColorFromImage setColorScheme removeColorScheme loadLocale setLocale getLocale throttle observeResize breakpoint
Libraries
@mdui/icons