Mainsail is now at 1.11.0 🎉

The library has gone on a diet, yet has more to offer. See what's been added, changed, and fixed after the jump!

Mainsail is now at 1.9.4 🎉

The component library has matured. Now with 100% more Search input. Read a summary of the changes here.

Mainsail is now at 1.8.0 🎉

Read a summary of the (very) few rad changes here.

Did you know Mainsail UI has a configurable progress bar?

Mainsail is now at 1.7.0 🎉

Read a summary of the nifty changes here.

Modal sizing is primarily controlled by content. This means you only need to concern yourself with the size of the body. As such, it includes an optional prop called bodyWidth (and bodyHeight though rarely needed) that supports passing an array of sizes in for the 3 breakpoints we use in our app.

⚡️ See a demo of a responsive Modal setup here on Stackblitz.

Mainsail is now at 1.5.0 🎉

Read a summary of the rad stuff here.

Mainsail is now at 1.2.0

Since the last update, there have been a number of patches and improvements.

When using the new <Icon /> from Mainsail-ui, you may find a special edge case that needs a different color than the 3 blues available from the color prop.

You're in luck, because className works as an escape hatch with our CSS Utility Class colors for text.

// Only offers 3 choices (light, default, dark), that cover most implementations<Icon color="light" name="delete"/>
// Use a css utility class instead, will override the svg's color<Icon className="text-red-dark" name="delete"/>

Because sometimes you just need a red trash can.