Cell Props
| Name |
Type |
Default |
Required |
Description |
| title |
string |
'' |
N |
Title. |
| detail |
string |
'' |
N |
Right detail. |
| left |
null|Icon |
null |
N |
Leftmost content. |
| right |
null\|'arrow'\|CellRight |
'arrow' |
N |
Rightmost content. |
| subTitle |
string |
'' |
N |
Left subtitle. |
| info |
string |
'' |
N |
Right secondary info. |
| line |
boolean |
false |
N |
Show bottom divider. |
| my |
'0'\|'1'\|'2'\|'3'\|'4'\|'6'\|'8' |
'4' |
N |
Vertical margin. |
| mx |
'0'\|'1'\|'2'\|'3'\|'4'\|'6'\|'8' |
'2' |
N |
Horizontal margin. |
| radius |
'none'\|'base'\|'md'\|'lg'\|'xl'\|'2xl'\|'full' |
'lg' |
N |
Border radius style. |
| switchActive |
boolean |
false |
N |
Switch state. |
| shadow |
'none'\|'sm'\|'base'\|'md'\|'lg'\|'xl'\|'2xl' |
'sm' |
N |
Shadow style. |
| injClass |
string |
'' |
N |
Inject CSS class name. |
| love |
boolean |
false |
N |
Enable care version. |
| clickAll |
boolean |
true |
N |
Click entire row to trigger. |
Cell Events
| Name |
Type |
Params |
Description |
| onclick |
() => void |
- |
Click callback |
Cell Snippets
| Name |
Type |
Params |
Description |
| leftChild |
Snippet |
- |
Leftmost content. |
| rightChild |
Snippet |
- |
Rightmost content. |
| detailChild |
Snippet |
- |
Detail content. |
CellGroup Props
| Name |
Type |
Default |
Required |
Description |
| my |
'0'\|'1'\|'2'\|'3'\|'4'\|'6'\|'8' |
'4' |
N |
Vertical margin. |
| mx |
'0'\|'1'\|'2'\|'3'\|'4'\|'6'\|'8' |
'2' |
N |
Horizontal margin. |
| radius |
'none'\|'base'\|'md'\|'lg'\|'xl'\|'2xl'\|'full' |
'lg' |
N |
Border radius. |
| shadow |
'none'\|'sm'\|'base'\|'md'\|'lg'\|'xl'\|'2xl' |
'sm' |
N |
Shadow style. |
CellGroup Snippets
| Name |
Type |
Params |
Description |
| children |
Snippet |
- |
Cell Group content, usually multiple Cell items. |
CellRight
type CellRight = {
type: 'switch' | 'icon';
switch?: Switch;
icon?: Icon;
};