---
title: Component
---

# Component

## Component name

The name of a component uses camel-case naming. 

Example:

```js
import { View, Text, Image, ... } from '@ray-js/ray'
```

## Component property

Ray follows the React style to name the properties of a miniapp.

Ray:

```xml
<View className="view" style={{ display: 'flex' }} onTap={handleClick} />
```

WeChat MiniApp

```xml
<view class="view" style="display: flex;" bindtap="handleClick"></view>
```