Skip to content

Latest commit

 

History

History
 
 

remark-snackplayer

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 

Remark SnackPlayer

Remark plugin to embed Expo Snack's using Code Blocks

Usage

This plugin parses codeblocks with language set as SnackPlayer and replaces them with embedded Expo's SnackPlayers, you can also provide parameters along with the codeblock to set some basic details.

Example Code Block

```SnackPlayer name=Hello%20World description=This%20is%20a%20description
import React from 'react';
import { Text, View } from 'react-native';

const YourApp = () => {
  return (
    <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
      <Text>Try editing me! 🎉</Text>
    </View>
  );
}

export default YourApp;
```

The above code snippet would look like this:

Screenshot 2020-10-03 at 1 11 19 AM

Parameters

Name Description Default
name SnackPlayer name "Example"
description Description of the example "Example usage"
dependencies Additional dependencies, eg. "expo-constant" ""
platform Example platform "web"
supportedPlatforms Supported platforms "ios,android,web"
theme SnackPlayer theme, "light" or "dark" "light"
preview Preview visible, "true" or "false" "true"
loading iFrame loading attribute, "auto", "lazy" or "eager" "lazy"

Styling

To style the Snack Player wrapper you can use .snack-player class.