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

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>
);
}

Copyright 2022 - Atom Lab | Privacy Policy | Terms and Conditions