Support: Can i render an Angular-Component in a docs page without story?

[flobiber]

I would like to create a component that reads all defined css-colors (var(--example-color)) and shows that like a color-palette.

For that scenario i would like to create a angular component that exactly does that.

I try to show that component like that:

import { Meta, Canvas, Preview, ColorPalette, ColorItem, Wrapper, Primary } from '@storybook/addon-docs/blocks';
import { ColorPaletteComponent } from './color-palette/color-palette.component';
import { moduleMetadata } from '@storybook/angular';


<Meta title="LIB / Colors" decorators="{[moduleMetadata({declarations:[ColorPaletteComponent]})]}" />

# Colors

Here you can see all colors.

<Preview>
  <color-palette></color-palette>
</Preview>

But it isn't rendering the content of the ColorPalette-Component.

Is it possible? Or which alternatives i have?

[shilman]

Currently the only way to render Angular examples in the docs page is using stories.

There are some other options for different frameworks, but until the community figures out inline rendering for Angular (#8153), stories are the only option

[stale]

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Unfortunately, we don't have time to get to every issue. We are always open to contributions so please send us a pull request if you would like to help. Inactive issues will be closed after 30 days. Thanks!

[shilman]

Great Caesar's ghost!! I just released https://github.com/storybookjs/storybook/releases/tag/v6.2.0-alpha.19 containing PR #13525 that references this issue. Upgrade today to the @next NPM tag to try it out!

npx sb upgrade --prerelease

Closing this issue. Please re-open if you think there's still more to do.