Add simpler slotfill example

WordPress · Jan 26, 2022 · 686e848 · 686e848
1 parent e4b2248
commit 686e848
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/packages/components/src/utils/hooks/stories/use-cx.js b/packages/components/src/utils/hooks/stories/use-cx.js
@@ -72,6 +72,26 @@ export const _slotfill = () => {
 	);
 };
 
+export const _slotFillSimple = () => {
+	const { Fill, Slot } = createSlotFill( 'UseCxExampleSlotTwo' );
+
+	const redText = css`
+		color: red;
+	`;
+
+	return (
+		<SlotFillProvider>
+			<Iframe>
+				<Fill name="test-slot">
+					<Example args={ [ redText ] }>
+						This text should be red
+					</Example>
+				</Fill>
+			</Iframe>
+			<Slot bubblesVirtually name="test-slot" />
+		</SlotFillProvider>
+	);
+};
 export const _default = () => {
 	const redText = css`
 		color: red;