# <div>
# Summary
<div> is the base container component.
TIP
- Don't add text in
<div>directly. Use<text>instead. - In Weex,
<div>cannot scroll. - Depth level of
<div>should be controlled for better performance. We sugges lower than 14 depth level.
# Child Components
<div> supports all kinds of components as it child including <div>.
# Styles
- common styles. Check out common styles.
# Events
- common events. Check out common events.
# Rax Example
rax-view is the component <div> of rax, which can run in web and weex.
import { createElement, render } from 'rax';
import Driver from "driver-universal";
import View from "rax-view";
function App() {
return <View
style={{
width: '200rpx',
height: '200rpx',
backgroundColor: '#222831',
}}
/>;
}
render(<App />, document.body, { driver: Driver });
Excellent doc