CSS Shortcuts

[mxmissile]

Does this lib have any css shortcuts or utilities similar to bootstrap Spacing? Or MudBlazor spacing?

For example to quickly add padding you could use pa-3 for padding all sides.

[vnbaaij]

No, we don't have anything like that and are not planning to add this.

[thgla]

I just updated a project from Bootstrap to Fluent UI, but kept the Bootstrap utilities because I'm used to them.
It's pretty easy to do: If you download the compiled & minified Bootstrap CSS files, there is a separate bootstrap-utilities.min.css you can just include in your project.

[StevenTCramer]

You can do similar with Tailwind. Although more and more I'm just using <style> tags and vanilla css.

[lnaie]

That's not a great call, guys. We need a way to do style changes without loading yet another CSS library into the project.
With minimal effort, you could add some helpers, like spacing, margins, text sizes, etc.

[vnbaaij]

Why 'yet another'? By using our library, your are not using/loading a CSS library but a component package.

As mentioned by the others. there are multiple ways to add this to your project if you want/need this. It is not the goal of our package to provide this. Besides, I doubt if we would ever be able to do this in the ;right' way as everyone has their own preferences and (strong) opinions.

[lnaie]

Is it possible to have a serious component library offer without a default styling and theming system and its necessary helpers?
As it is, Blazor is already bloated. On wasm side, by the .net library size and its unfortunate load noise. If it's not that then it's the hardware resource limitation enforced by the SSR with web socket sessions.
It's hard to understand why the default strategy is to encourage using another css library that will certainly interfere with your theming and styling, create css bloat, and force devs to do extra work.