outlined-type.diff

--- a/material-button-types.framerfx/code/MaterialButton.tsx
+++ b/material-button-types.framerfx/code/MaterialButton.tsx
@@ -26,7 +26,24 @@ export function MaterialButton(props) {
       </Frame>
     )
   else if (props.type == 'outlined')
-    return <Frame background="red">{props.text}</Frame>
+    return (
+      <Frame
+        background=""
+        width="100%"
+        height="100%"
+        style={{
+          fontSize: 14,
+          color: '#6221EA',
+          fontFamily: 'Roboto',
+          fontWeight: 500,
+          letterSpacing: 1.1,
+          border: '1px solid #B0B0B0',
+          borderRadius: 4,
+        }}
+      >
+        {props.text}
+      </Frame>
+    )
   else if (props.type == 'contained')
     return <Frame background="green">{props.text}</Frame>
 }
@@ -34,6 +51,8 @@ export function MaterialButton(props) {
 MaterialButton.defaultProps = {
   text: 'BUTTON',
   type: 'text',
+  width: 96,
+  height: 36,
 }

 addPropertyControls(MaterialButton, {