Skip to content

Instantly share code, notes, and snippets.

@ruucm-working
Created May 21, 2019 18:31
Show Gist options
  • Select an option

  • Save ruucm-working/ecf372e3a3adfde06d276a77d1272e73 to your computer and use it in GitHub Desktop.

Select an option

Save ruucm-working/ecf372e3a3adfde06d276a77d1272e73 to your computer and use it in GitHub Desktop.
--- a/material-button-types.framerfx/code/MaterialButton.tsx
+++ b/material-button-types.framerfx/code/MaterialButton.tsx
@@ -45,7 +45,23 @@ export function MaterialButton(props) {
</Frame>
)
else if (props.type == 'contained')
- return <Frame background="green">{props.text}</Frame>
+ return (
+ <Frame
+ background="#6221EA"
+ width="100%"
+ height="100%"
+ style={{
+ fontSize: 14,
+ color: 'white',
+ fontFamily: 'Roboto',
+ fontWeight: 500,
+ letterSpacing: 1.1,
+ borderRadius: 4,
+ }}
+ >
+ {props.text}
+ </Frame>
+ )
}
MaterialButton.defaultProps = {
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment