Skip to content

Commit

Permalink
pkp/pkp-lib#10842 Rename buttonType with buttonVariant in DropdownAct…
Browse files Browse the repository at this point in the history
…ions docs
  • Loading branch information
blesildaramirez committed Jan 28, 2025
1 parent 22f8b48 commit 5f9c2c0
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions src/components/DropdownActions/DropdownActions.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -9,11 +9,11 @@ import * as DropdownActionsStories from './DropdownActions.stories.js';

## Usage

This component renders a dropdown menu that displays a list of actions. To use an ellipsis menu, set `buttonType` to `ellipsis`. Otherwise, the `label` prop will be used as the dropdown/button text.
This component renders a dropdown menu that displays a list of actions. To use an ellipsis menu, set `buttonVariant` to `ellipsis`. Otherwise, the `label` prop will be used as the dropdown/button text.

## Accesibility

When the ellipsis menu is enabled by setting `buttonType` to `ellipsis`, the `label` prop provides descriptive text for the "More Options" icon. In this case, the `ariaLabel` prop can be used to further specify the function of the button for screen readers.
When the ellipsis menu is enabled by setting `buttonVariant` to `ellipsis`, the `label` prop provides descriptive text for the "More Options" icon. In this case, the `ariaLabel` prop can be used to further specify the function of the button for screen readers.

For dropdowns with text, you can provide an `ariaLabel` prop to set the `aria-label` attribute on the dropdown button, ensuring that it is fully described for screen readers. This enhances accessibility without relying solely on the surrounding visual context.

Expand Down

0 comments on commit 5f9c2c0

Please sign in to comment.