Utilities

Shape

Canonical Material expressive shape rendered as scalable vector geometry.

Shape

Playground

Configure the baseline public contract and copy synchronized Vue markup.

Interactive preview

Changes are reflected in the example and source.

Properties

Shape

Vue

<m-shape
  :style='{&quot;width&quot;:&quot;180px&quot;,&quot;height&quot;:&quot;180px&quot;,&quot;color&quot;:&quot;var(--md-sys-color-primary)&quot;}'
  name="circle"
 />