• MMHome
MM
  • Work
  • Tools
  • Games
  • Playground
  • Backoffice
  • About me
  • Contact me
  • Playground
  • Compare

Playground

Density

Accordion

Avatar

SMMDLGCN

Badge

DefaultSecondaryOutlineDestructiveGhostLink

BrowserWindow

Contenu variable dans le cadre navigateur.

Button

Card

Card default
Conteneur pour contenu structuré.
Contenu principal de la carte.
Card sm
Version compacte.
Moins d'espace vertical.

Case study interactions

A connects these two screens.

ColorPicker

DateRangeSelect

Dialog

DropdownMenu

Fun

Poster workshop
Try the raised buttons and open a preview of your poster.

Gift list actions

Specialized gift list fields
GiftPriceStatusActions

A cookbook

An illustrated edition

Favorite
€25.00Not yet reserved

  • A cookbook

    An illustrated edition

    Favorite

    €25.00

    Not yet reserved

Input

NativeControls

PaintColor

SafeSvg

SVG sûr

Icône info

SVG malveillant → nettoyé (cercle seul)

SVG sanitise

ScopedTheme

Select

Separator

Horizontal

Gauche
Droite

SettingsModal

Sheet

Sidebar

Skeleton

Slider

40 %

Palette swatches

Empty
Empty
Empty
Empty
Empty
Empty
Empty
Empty
Empty
Empty
Empty
Empty
Empty
Empty
Empty

Switch

Activé

Table

RankPlayer
1Ada1200
2Lin940
3Sam680

Tabs

Contenu de l'onglet A.
Variante line — X.

Example text area

Add a message across several lines.

Enter a message.

Toast

Tooltip

Component index

  • Accordion
  • Avatar
  • Badge
  • BrowserWindow
  • Button
  • Card
  • Case study interactions
  • ColorPicker
  • DateRangeSelect
  • Dialog
  • DropdownMenu
  • Fun
  • Gift list actions
  • Input
  • NativeControls
  • PaintColor
  • SafeSvg
  • ScopedTheme
  • Select
  • Separator
  • SettingsModal
  • Sheet
  • Sidebar
  • Skeleton
  • Slider
  • Palette swatches
  • Switch
  • Table
  • Tabs
  • Example text area
  • Toast
  • Tooltip