Определение строк для использования в приложении Blazor

Question

У меня есть проект компонента Blazor, который автоматически создает меню для пользователя. В этом проекте у меня есть строки publi c, которые используются для передачи элементов класса css в элементы html.

Поэтому я хочу добиться того, чтобы пользователь определил css для каждая строка, на которую ссылается сам компонент, а затем будет использоваться компонентом для правильного построения меню. Из исследования этого, кажется, лучший способ сделать это было бы создать класс со всеми определениями:

public static class GlobalDefinitions {
     public const string FirstCSS = "some-CSS-stuff-here";
     public const string SecondCSS = "some-CSS-stuff-here";
}

Но я не уверен, как это будет встроено в саму сборку компонентов. Сама страница просто будет использовать @using My.Menu вверху для импорта компонента. Само здание меню:

<MyMenu>
  <MyMenuItem>
    <NavLink href="/" Match="NavLinkMatch.All">Home</NavLink>
  </MyMenuItem>
  <MySubMenu Header="Sub Menu">
        <MenuTemplate>
            <MyMenuItem>
                <NavLink href="counter">Counter</NavLink>
            </MyMenuItem>
        </MenuTemplate>
    </MySubMenu>
    <MyMenuItem>
        <NavLink href="fetchdata">Fetch data</NavLink>
    </MyMenuItem>
</MyMenu>

Есть предложения?

Answer 1

Лучше всего использовать BlazorStyled от Chanan Braunstein, который предназначен именно для этой цели.

Answer 2

Я считаю, что лучшим решением является использование библиотеки классов Razor (https://docs.microsoft.com/en-us/aspnet/core/razor-pages/ui-class) для создания файла CSS внутри многократно используемой сборки, а затем для компонента Blazor вы просто ссылаетесь на CSS файл, как обычно.