Cell 单元格

Layout · Interactive component

Information rows and grouped containers.

On-demand importwbbb-ui/components/cell

Basic Usage

Example code

<script setup lang="ts">
import { WbbbCell } from 'wbbb-ui/components/cell'
import 'wbbb-ui/styles/cell'
</script>

<template>
  <WbbbCell />
</template>

Live mobile previewOpen in a new tab ↗

States and Interaction

All listed states can be operated and verified in the live Playground preview.

DefaultPressed选中Disabled

API Reference

Props

Property	Description	Type	Default	Required
border	Controls whether a separator or border is displayed.	boolean	true	No
clickable	Marks the component as interactive and emits click events.	boolean	false	No
icon	Sets the icon name or icon content.	string	''	No
label	Sets the visible field or item label.	string	''	No
required	Marks the field as required for validation or display.	boolean	false	No
title	Sets the component title text.	string	''	No
value	Provides the displayed value or item value.	string	''	No

Events

• click

Slots

• title
• default

Two-way binding

Does not support v-model.

Platform Notes

Build verification: H5, App Vue, WeChat Mini Program, Alipay Mini Program, and Douyin Mini Program.

Runtime differences: H5 supports keyboard focus and reduced motion. Mini Programs provide equivalent touch interaction; verify upload, date selection, and overlays on target platforms.

Usage note: Use Playground to verify further state combinations and cross-platform behavior.