This is an info Alert.
  • Home
  • Components
  • Pages
      • Other
      • About us
      • Contact us
      • FAQs
      • Pricing
      • Payment
      • Maintenance
      • Coming soon
      • Concepts
      • Shop
      • Product
      • Checkout
      • Posts
      • Post
      • Auth Demo
      • Sign in
      • Sign up
      • Reset password
      • Update password
      • Verify
      • Sign in (centered)
      • Sign up (centered)
      • Reset password (centered)
      • Update password (centered)
      • Verify (centered)
      • Error
      • Page 403
      • Page 404
      • Page 500
      • Dashboard
      • Dashboard illustration
  • Docs
Sign inPurchase
Utilities
  1. Components
  3. Utilities
​
  • Foundation
    • Colors
    • Typography
    • Shadows
    • Grid
    • Icons
  • Mui
    • Accordion
    • Alert
    • Autocomplete
    • Avatar
    • Badge
    • Breadcrumbs
    • Buttons
    • Checkbox
    • Chip
    • Data grid (MUI X)
    • Date pickers (MUI X)
    • Dialog
    • Drawer
    • List
    • Menu
    • Pagination
    • Popover
    • Progress
    • Radio button
    • Rating
    • Slider
    • Stepper
    • Switch
    • Table
    • Tabs
    • Text field
    • Timeline
    • Tooltip
    • Transfer list
    • Tree view (MUI X)
  • Extra
    • Animate
    • Carousel
    • Chart
    • Dnd
    • Editor
    • Form validation
    • Form wizard
    • Image
    • Label
    • Layout
    • Lightbox
    • Map
    • Markdown
    • Mega menu
    • Multi-language
    • Navigation bar
    • Organization chart
    • Scroll progress
    • Scrollbar
    • Snackbar
    • Upload
    • Utilities
Text max line
1 Line

Donec posuere vulputate arcu. Fusce vulputate eleifend sapien. Phasellus magna. Proin sapien ipsum, porta a, auctor quis, euismod ut, mi. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor.

2 Line

Donec posuere vulputate arcu. Fusce vulputate eleifend sapien. Phasellus magna. Proin sapien ipsum, porta a, auctor quis, euismod ut, mi. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor.

3 Line

Donec posuere vulputate arcu. Fusce vulputate eleifend sapien. Phasellus magna. Proin sapien ipsum, porta a, auctor quis, euismod ut, mi. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor.

4 Line

Donec posuere vulputate arcu. Fusce vulputate eleifend sapien. Phasellus magna. Proin sapien ipsum, porta a, auctor quis, euismod ut, mi. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor.

As Link
Donec posuere vulputate arcu. Fusce vulputate eleifend sapien. Phasellus magna. Proin sapien ipsum, porta a, auctor quis, euismod ut, mi. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor.
Persistent
Donec posuere vulputate arcu.
Copy to clipboard
onChange
​
onDoubleClick

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac placerat dolor lectus quis orci. Cras non dolor.

Gradient
Text

Minimals UI

Border
Content
Background
Paper
Countdown
Date
- -
days
- -
hours
- -
minutes
- -
seconds
Seconds
Color pickers
Single
#FF9800
Multiple
[ "#4CAF50", "#00BCD4" ]
Preview
  • +13
Number input
Basic
With helper text
Bedrooms
Helper text
Disabled
Bedrooms
Phone input
Auto
Phone number
National: -International: -Raw: -
Default value
Phone number
National: (02) 9876 5432International: +61 2 9876 5432Raw: +61298765432
Default country
Phone number
National: -International: -Raw: -
Fixed country
Phone number
National: (02) 9876 5432International: +61 2 9876 5432Raw: +61298765432
Fixed country + international
Phone number
National: (02) 9876 5432International: +61 2 9876 5432Raw: +61298765432
Fixed country + international + hideSelect
Phone number
National: (02) 9876 5432International: +61 2 9876 5432Raw: +61298765432
Styled

Styling methods with Sx function.

Styling methods with styled() function.

Styling methods with styled() function with state.

Open
Active
Focused
Disabled

Styling methods with keyframes().

With styled()
With sx()
  • On this page
  • 1 - Text max line
  • 2 - Copy to clipboard
  • 3 - Gradient
  • 4 - Countdown
  • 5 - Color pickers
  • 6 - Number input
  • 7 - Phone input
  • 8 - Styled

The starting point for your next project with Minimal UI Kit, built on the newest version of Material-UI ©, ready to be customized to your style.

Minimal
About usContact usFAQs
Legal
Terms and conditionPrivacy policy
Contact
[email protected]

© All rights reserved.