Skip to content

Commit 95fb301

Browse files
heloiseluiguidarikennylam
authored
feat: add stackblitz to components (#18433)
* feat: add stackblitz to components * feat: add stackblitz to components * feat: add stackblitz to components * feat: add stackblitz to components * docs: update mdx file to some components * chore: refactor and enhance component examples * refactor: standardize useState calls to React.useState * docs: clean up MDX files by removing unnecessary Canvas * docs: clean up MDX files by removing unnecessary Canvas * fix(ComboButton): replace Copy icon with CopyFile in WithIcons * fix(ContainedList): replace usePrefix with static prefix 'cds' * docs: clean up MDX files by removing unnecessary Canvas * fix: revert label to previous implementation to resolve CI error * fix: fixed dismissible stackblitz link * feat(Tile): add stackblitz to Tile clickable with custom icon component --------- Co-authored-by: guidari <guilhermedatilio@gmail.com> Co-authored-by: kennylam <909118+kennylam@users.noreply.github.com>
1 parent a60a4d3 commit 95fb301

File tree

96 files changed

+3262
-1382
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

96 files changed

+3262
-1382
lines changed

packages/react/src/components/AILabel/AILabel.mdx

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import { ArgTypes, Canvas, Story, Meta } from '@storybook/blocks';
22
import { AILabel, AILabelContent, AILabelActions } from '.';
33
import * as AILabelStories from './AILabel.stories';
4+
import { stackblitzPrefillConfig } from '../../../previewer/codePreviewer';
45

56
<Meta isTemplate />
67

@@ -30,7 +31,15 @@ The AI Label is intended for any scenario where something is being generated by
3031
any interface level. This also enables more effective recognition and recall of
3132
AI instances in a way that is identifiable across any IBM product.
3233

33-
<Canvas of={AILabelStories.Default} />
34+
<Canvas
35+
of={AILabelStories.Default}
36+
additionalActions={[
37+
{
38+
title: 'Open in Stackblitz',
39+
onClick: () => stackblitzPrefillConfig(AILabelStories.Default),
40+
},
41+
]}
42+
/>
3443

3544
## AILabel anatomy
3645

0 commit comments

Comments
 (0)