feature: button with icon only

[phamhieu]

Feature request

Is your feature request related to a problem? Please describe.

I need to create a button with icon on center. Trying to use icon props but it's left alignment.

Describe the solution you'd like

icon should be in the center. And the same for loading indicator on loading state.

[MildTomato]

I think we also need a non rounded version, and we could do with a button type that matches that small button style in your screenshots.

[MildTomato]

@phamhieu

If it's easier you can now use Icon component rather than using SVGs if it's in the FeatherIcons library

import { Button, Icon } from '@supabase/ui`

function() {
  return (
     <Button
  icon={<Icon type="MoreHorizontal" />}
  shadow
  size="tiny"
  type="secondary"
/>
)}

that would render this..

[phamhieu]

I use the latest ui lib version. But the rendered button is different:

on hover

my code:

[MildTomato]

@phamhieu probably working ok from v0.1.6

[MildTomato]

issue with Icon showing without color prop. fixing that now

[MildTomato]

Closing this because (i think...) it's fixed. Just reopen it if it persists.