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

tuya00:45