HiddenTextExpander

Use HiddenTextExpander to indicate and toggle hidden text.

Accessibility

HiddenTextExpander requires an aria-label, which will provide assistive technologies with an accessible label. The aria-label should describe the action to be invoked by the HiddenTextExpander. For instance, if your HiddenTextExpander expands a list of 5 comments, the aria-label should be "Expand 5 more comments" instead of "More".

Arguments

Examples

Default

<%= render(Primer::HiddenTextExpander.new("aria-label": "No effect")) %>

Inline

<%= render(Primer::HiddenTextExpander.new(inline: true, "aria-label": "No effect")) %>

Styling the button

<%= render(Primer::HiddenTextExpander.new("aria-label": "No effect", button_arguments: { p: 1, classes: "custom-class" })) %>