Skip to content

Commit

Permalink
fix: update custom button component docs to include borderRadii
Browse files Browse the repository at this point in the history
  • Loading branch information
IliasHad committed Nov 26, 2024
1 parent 5fbb3f4 commit 837423c
Showing 1 changed file with 32 additions and 0 deletions.
32 changes: 32 additions & 0 deletions documentation/docs/fundamentals/components/custom-components.md
Original file line number Diff line number Diff line change
Expand Up @@ -71,3 +71,35 @@ const Button = ({onPress, label, ...rest}: Props) => {
);
};
```

Note: Make sure to update your `theme.tsx` file to include `borderRadii` properties for this custom component to work:

```tsx
import {createTheme} from '@shopify/restyle';

const palette = {
purpleLight: '#8C6FF7',
purplePrimary: '#5A31F4',
purpleDark: '#3F22AB',

greenLight: '#56DCBA',
greenPrimary: '#0ECD9D',
greenDark: '#0A906E',

black: '#0B0B0B',
white: '#F0F2F3',
};

const theme = createTheme({
// ...rest of your theme code
borderRadii: {
s: 8,
m: 16,
l: 100,
xl: 40,
},
});

export type Theme = typeof theme;
export default theme;
```

0 comments on commit 837423c

Please sign in to comment.