diff --git a/docs/essentials/controls.md b/docs/essentials/controls.md index 8e5b50a6cf4..45058692aaa 100644 --- a/docs/essentials/controls.md +++ b/docs/essentials/controls.md @@ -312,7 +312,7 @@ Consider the following story snippets: ## Sorting controls -By default, controls are sorted alphabetically by arg name (`alpha`). This can be configured to sort alphabetically required args first (`requiredFirst`), or to not sort at all and use whatever order the args data is processed in (`none`). +By default, controls are unsorted and use whatever order the args data is processed in (`none`). It can also be configured to sort alphabetically by arg name (`alpha`) or alphabetically required args first (`requiredFirst`). Consider the following snippet to force required args first: diff --git a/lib/components/src/blocks/ArgsTable/ArgsTable.tsx b/lib/components/src/blocks/ArgsTable/ArgsTable.tsx index 3648ebd5841..f9e85eee1b7 100644 --- a/lib/components/src/blocks/ArgsTable/ArgsTable.tsx +++ b/lib/components/src/blocks/ArgsTable/ArgsTable.tsx @@ -346,7 +346,7 @@ export const ArgsTable: FC = (props) => { compact, inAddonPanel, initialExpandedArgs, - sort = 'alpha', + sort = 'none', } = props as ArgsTableRowProps; const groups = groupRows(