diff options
| author | Haishan <[email protected]> | 2020-11-22 12:13:05 +0800 |
|---|---|---|
| committer | Haishan <[email protected]> | 2020-11-22 12:13:05 +0800 |
| commit | 9ca6f4ff2bb6f81a7ba3d1f2c73971236e6681b2 (patch) | |
| tree | 728efebb6911ca288f80e0b37dc635a6a8830481 /src/components/CollapsibleSectionHeader.tsx | |
| parent | 0f5f7859ce3a06c2f859eddc3fb0936c187ba86d (diff) | |
chore: minor a11y improvement
Diffstat (limited to 'src/components/CollapsibleSectionHeader.tsx')
| -rw-r--r-- | src/components/CollapsibleSectionHeader.tsx | 7 |
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> |
