Skip to main content
Version: Next

shapes

Home > @backstage/theme > shapes

The default predefined burst shapes.

Signature:

shapes: Record<string, string>

Remarks​

How to add a shape:

  1. Get the SVG shape from figma, should be ~1400 wide, ~400 high and only the white-to-transparent mask, no colors. 2. Run it through https://jakearchibald.github.io/svgomg/ 3. Run that through https://github.com/tigt/mini-svg-data-uri with something like https://npm.runkit.com/mini-svg-data-uri 4. Wrap the output in url("") 5. Give it a name and paste it into the shapes object below.