docs(ActionList): add details on truncate react implementation

francinelucca · francinelucca · commit 546fc2859a76 · 2024-11-14T11:47:08.000-05:00
diff --git a/content/components/action-list.mdx b/content/components/action-list.mdx
@@ -341,6 +341,7 @@ The tooltip and optional dialog should be triggered by a button element that wra
 
 All `ActionList.Description` are rendered inline (next to the label) by default. For the cases where the description is too long to fit within one line, the content will wrap to a new line. In some cases, it may be desired to have the description be truncated with an ellipsis. This can be achieved by setting the `truncate` prop on the `ActionList.Description` component. Please note that truncating an inline description is only acceptable if the full, non-truncated text can be seen in a subsequent page or screen. It is at the consumer's discretion to use this feature accessibily.
 
+Please note the `truncate` option is currently implemented in Primer React only, and is not available in Primer View Components, where the `InlineDescription` will wrap by default.
 
 ### Known accessibility issues (GitHub staff only)
 

Original file line number	Diff line number	Diff line change
`@@ -341,6 +341,7 @@ The tooltip and optional dialog should be triggered by a button element that wra`
`341`	`341`
`342`	`342`	All `ActionList.Description` are rendered inline (next to the label) by default. For the cases where the description is too long to fit within one line, the content will wrap to a new line. In some cases, it may be desired to have the description be truncated with an ellipsis. This can be achieved by setting the `truncate` prop on the `ActionList.Description` component. Please note that truncating an inline description is only acceptable if the full, non-truncated text can be seen in a subsequent page or screen. It is at the consumer's discretion to use this feature accessibily.
`343`	`343`
	`344`	+Please note the `truncate` option is currently implemented in Primer React only, and is not available in Primer View Components, where the `InlineDescription` will wrap by default.
`344`	`345`
`345`	`346`	`### Known accessibility issues (GitHub staff only)`
`346`	`347`