(react) add button with icon only

Previously using Button with only an icon made it render with an
internal offset, that wasn't really nice-looking. Now we force the
button to be squared.
This commit is contained in:
Nathan Vasse
2023-02-13 12:07:38 +01:00
committed by NathanVss
parent 89138e0a5a
commit 722b66b3ae
6 changed files with 59 additions and 6 deletions

View File

@@ -84,3 +84,24 @@ IconRight.args = {
),
color: "primary",
};
export const IconOnly = Template.bind({});
IconOnly.args = {
icon: (
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill="currentColor"
fillRule="evenodd"
clipRule="evenodd"
d="M17.8724 10.0166H13.248L16.6251 4.07749C16.9258 3.54846 16.2447 3.01176 15.8005 3.42755L6.57343 12.0655C6.22192 12.3946 6.45489 12.9838 6.93615 12.9838H11.5606L8.18353 18.9229C7.88275 19.4519 8.56335 19.9886 9.00746 19.5728L18.2352 10.9349C18.5867 10.6058 18.3537 10.0166 17.8724 10.0166Z"
/>
</svg>
),
color: "primary",
};