0

I'm trying to remove the margin horizontal that is applied to the button text but I'm unable to remove it and also when I change the category it is not getting applied, can someone provide me with a an example on how to remove the button text margin (using custom mapping)

Here is the code for the category also

   <Button
      status="primary"
      size="tiny"
      appearance="ghost">
      {(props) => (
        <Text {...props} category="p1">
          Edit
        </Text>
      )}
    </Button>
Rajat Sajnani
  • 73
  • 9

1 Answers1

3

Did you mean this?

<Button
  status="primary"
  size="tiny"
  appearance='ghost'
  style={{width: 0}}
>
  {(props) => (
    <Text {...props} category="p1">
      Edit
    </Text>
  )}
</Button>

Snack

maltoze
  • 717
  • 7
  • 18
  • I was having a problem trying to apply a custom font on the button and this helped me. Thank you! – polcats Dec 29 '20 at 13:16
  • Yes something like this, do you know a way to edit the text via custom mapping for ghost (appearance). Something more specific. – Rajat Sajnani Dec 30 '20 at 07:07