summaryrefslogtreecommitdiff
path: root/src/components/CollapsibleSectionHeader.tsx
diff options
context:
space:
mode:
authorHaishan <[email protected]>2020-11-22 12:13:05 +0800
committerHaishan <[email protected]>2020-11-22 12:13:05 +0800
commit9ca6f4ff2bb6f81a7ba3d1f2c73971236e6681b2 (patch)
tree728efebb6911ca288f80e0b37dc635a6a8830481 /src/components/CollapsibleSectionHeader.tsx
parent0f5f7859ce3a06c2f859eddc3fb0936c187ba86d (diff)
chore: minor a11y improvement
Diffstat (limited to 'src/components/CollapsibleSectionHeader.tsx')
-rw-r--r--src/components/CollapsibleSectionHeader.tsx7
1 files changed, 6 insertions, 1 deletions
diff --git a/src/components/CollapsibleSectionHeader.tsx b/src/components/CollapsibleSectionHeader.tsx
index 8614621..bc47ad7 100644
--- a/src/components/CollapsibleSectionHeader.tsx
+++ b/src/components/CollapsibleSectionHeader.tsx
@@ -39,7 +39,12 @@ export default function Header({ name, type, toggle, isOpen, qty }: Props) {
{typeof qty === 'number' ? <span className={s.qty}>{qty}</span> : null}
- <Button kind="minimal" onClick={toggle} className={s.btn}>
+ <Button
+ kind="minimal"
+ onClick={toggle}
+ className={s.btn}
+ title="Toggle collapsible section"
+ >
<span className={cx(s.arrow, { [s.isOpen]: isOpen })}>
<ChevronDown size={20} />
</span>