feat(ui-shell): make company in Header slottable

[p0lish]

I've noticed that the ui shell has a little glitch during load in our app.

The Â disappearing after load but it causes a glitch.

The root cause is an   character in the company text span.
Maybe somebody else faced with this glitch too, so I created a small improvement for that.

[brunnerh]

That just looks like an encoding issue, did you set a/the correct charset in the content-type header or a meta tag?

[p0lish]

Yes, charset (utf-8) is in the meta tag.
Additional info, we are using ssr for svelte.
In my opinion a css rule is better than an nbsp char.

[metonym]

WDYT about making the company prop slottable so the end user can override this behavior?

{#if company || $$slots.company}
  <span class:bx--header__name--prefix="{true}"><slot name="company">{company}&nbsp;</slot></span>
{/if}

[p0lish]

WDYT about making the company prop slottable so the end user can override this behavior?

{#if company || $$slots.company}
  <span class:bx--header__name--prefix="{true}"><slot name="company">{company}&nbsp;</slot></span>
{/if}

Hey, I think its a good idea. Thanks.

[brunnerh]

Ahhh, the doc fixes should of course have been made directly in Header.svelte, they got reverted by the docs re-build.

[metonym]

@brunnerh Nice catch – I can add that back in.

[metonym]

Released in v0.77.0