api_en.md 4.3 KB

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;
};