Our wireframe includes many instances of a button whose contents are an icon, optionally with some visible label text. This pattern should be its own component.
Acceptance criteria
[x] <IconButton> renders a real <button> element
[x] <IconButton> accepts props that allow it to render any combination of icon and label text (see notes section)
[x] Label text, if present, is placed visually below the icon
Notes
What props does this component need to work? You might try to use React's special children prop alongside an icon prop.
Summary
Our wireframe includes many instances of a button whose contents are an icon, optionally with some visible label text. This pattern should be its own component.
Acceptance criteria
<IconButton>
renders a real<button>
element<IconButton>
accepts props that allow it to render any combination of icon and label text (see notes section)Notes
children
prop alongside anicon
prop.