Search code examples
reactjsreact-nativereact-native-ui-kitten

UI kitten Button custom mapping not working

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>
Solution

  • Did you mean this?

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

    Snack