0.0.19 • Published 7 months ago
@ray-js/components-ty-cell v0.0.19
English | 简体中文
@ray-js/components-ty-cell
Tuya Style Cell
Installation
$ npm install @ray-js/components-ty-cell
# or
$ yarn add @ray-js/components-ty-cell
Usage
import React from 'react';
import { Checkbox, Text, View } from '@ray-js/components';
import List from '@ray-js/components-ty-cell';
import styles from './index.module.less';
export default function Home() {
return (
<List
dataSource={[
{
title: 'Title',
},
{
title: 'Title',
content: 'Label',
},
{
title: 'Title',
content: <Icon type="icon-right" size={24} color="rgba(0,0,0,0.2)" />,
},
{
title: 'Title',
content: (
<>
Label
<Icon
style={{ marginLeft: '8rpx' }}
type="icon-right"
size={24}
color="rgba(0,0,0,0.2)"
/>
</>
),
},
{
title: 'Title',
content: <Icon type="icon-checkmark" size={24} color="#2B7AFF" />,
},
{
title: 'Title',
content: <Icon type="icon-checkmark" size={24} className={styles.iconColor} />,
},
{
title: 'Title',
content: <Switch />,
},
{
title: (
<>
<Icon type="icon-a-sunmaxfill" size={24} color="#2B7AFF" />
Title
</>
),
content: <Switch />,
},
{
title: (
<>
<Icon type="icon-a-sunmaxfill" size={24} color="#2B7AFF" />
Title
</>
),
content: (
<>
Label
<Icon type="icon-right" size={24} className={styles.iconColor} />
</>
),
},
]}
/>
);
}
0.0.19-beta-1
7 months ago
0.0.19
10 months ago
0.0.17-beta-1
1 year ago
0.0.18
1 year ago
0.0.10
2 years ago
0.0.11
2 years ago
0.0.12
2 years ago
0.0.13
2 years ago
0.0.14
2 years ago
0.0.15
1 year ago
0.0.16
1 year ago
0.0.9
2 years ago
0.0.8
2 years ago
0.0.8-beta-2
2 years ago
0.0.8-beta-1
2 years ago
0.0.7
2 years ago
0.0.6
2 years ago
0.0.5
2 years ago
0.0.4
2 years ago