React Native + Tailwind CSS Box

A selection of React Native Box components built with Tailwind CSS

These examples require the Tailwind React Native Classnames package.

Box Component

import React from "react";
import { View, Text } from "react-native";
import tailwind from "twrnc";

export default function Box() {
  return (
    <View style={tailwind`bg-blue-100 px-4 py-2`}>
      <Text style={tailwind`text-slate-900 text-lg`}>Box</Text>
    </View>
  );
}