Divider

Divider is the dividing line.

Code demo

Basic form

import { Divider, Utils } from 'tuya-panel-kit';
const { convertX: cx } = Utils.RatioUtils;
<View
style={{
backgroundColor: 'white',
height: cx(48),
display: 'flex',
justifyContent: 'center',
}}
>
<Divider style={{ alignSelf: 'center' }} color="#E5E5E5" width={300} />
</View>

Block form display

import { Divider } from 'tuya-panel-kit'
<Divider
color="#333"
width={300}
height={30}
style={{ marginLeft: 30, marginTop: 10 }}
/>

API

tuya01:08