UI kitten Button custom mapping not working

Question

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>

maltoze · Accepted Answer · 2020-12-29 06:18:32Z

4

Did you mean this?

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

Snack

edited Dec 29, 2020 at 6:18

answered Dec 29, 2020 at 6:11

maltoze

7378 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

polcats Over a year ago

I was having a problem trying to apply a custom font on the button and this helped me. Thank you!

Rajat Sajnani Over a year ago

Yes something like this, do you know a way to edit the text via custom mapping for ghost (appearance). Something more specific.

Collectives™ on Stack Overflow

UI kitten Button custom mapping not working

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related