text-type.diff

--- a/material-button-types.framerfx/code/MaterialButton.tsx
+++ b/material-button-types.framerfx/code/MaterialButton.tsx
@@ -1,5 +1,6 @@
 import * as React from 'react'
 import { Frame, useCycle, addPropertyControls, ControlType } from 'framer'
+import './fonts.css'

 // Open Preview (CMD + P)
 // API Reference: https://www.framer.com/api
@@ -7,7 +8,23 @@ window.log = console.log

 export function MaterialButton(props) {
   log('props', props)
-  if (props.type == 'text') return <Frame>{props.text}</Frame>
+  if (props.type == 'text')
+    return (
+      <Frame
+        background=""
+        width="100%"
+        height="100%"
+        style={{
+          fontSize: 14,
+          color: '#6221EA',
+          fontFamily: 'Roboto',
+          fontWeight: 500,
+          letterSpacing: 1.1,
+        }}
+      >
+        {props.text}
+      </Frame>
+    )
   else if (props.type == 'outlined')
     return <Frame background="red">{props.text}</Frame>
   else if (props.type == 'contained')