From 718b087900d002f121087463ad010184f95a9cf6 Mon Sep 17 00:00:00 2001 From: Ryan Albrecht Date: Thu, 14 Dec 2023 14:24:24 -0800 Subject: [PATCH] Apply suggestions from code review --- src/docs/frontend/component-library.mdx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/docs/frontend/component-library.mdx b/src/docs/frontend/component-library.mdx index 4cf99771d1..37d80afeda 100644 --- a/src/docs/frontend/component-library.mdx +++ b/src/docs/frontend/component-library.mdx @@ -118,13 +118,13 @@ Helper Components: - [``](https://github.com/getsentry/sentry/blob/master/static/app/components/stories/matrix.tsx)
A helper to render multiple pairs of properties and values in a grid. - For example, we can render all button `priority` values against all possible `size` values which results in a 4x5 matrix of outputs. + For example, we can render N values for one props, against M values for another prop. The example below compares 4 values for button `size` against 5 values for `priority`, resulting in a 20 example buttons in a grid. ```typescript Button} propMatrix={{ - priority: ['default', 'primary'], - size: ['md', 'sm'], + priority: ['default', 'primary', 'danger', 'link', undefined], + size: ['md', 'sm', 'xs', 'zero'], }} selectedProps={['priority', 'size']} />