Sorry, but you either have no stories or none are selected somehow.
If the problem persists, check the browser console, or the terminal you've run Storybook from.
The component failed to render properly, likely due to a configuration issue in Storybook. Here are some common causes and how you can address them:
This is a pre-release version and is not production ready. For new and ongoing projects, please refer to the latest Design System version.
The .text-truncate
class helps in truncating long text when it exceeds a specified width.
preview-6152--swisspost-design-system-next.netlify.app/?path=/docs/83fd4b10-9010-435a-be42-c1e7236068cc--docs&story=Default#83fd4b10-9010-435a-be42-c1e7236068cc--default
/?path=/story/83fd4b10-9010-435a-be42-c1e7236068cc--default&full=true
This is a long text that should be truncated when it exceeds the defined max-width.
<p class="text-truncate" style="max-width: 200px"> This is a long text that should be truncated when it exceeds the defined max-width. </p>