city-casereport/miniprogram_npm/tdesign-miniprogram/collapse/README.en-US.md
2023-12-06 14:22:42 +08:00

2.2 KiB
Raw Permalink Blame History

:: BASE_DOC ::

API

Collapse Props

name type default description required
default-expand-all Boolean false - N
disabled Boolean - - N
expand-icon Boolean true - N
expand-mutex Boolean false - N
theme String default optionsdefault/card N
value Array [] TypescriptCollapseValue type CollapseValue = Array<string | number>see more ts definition N
default-value Array undefined uncontrolled property。TypescriptCollapseValue type CollapseValue = Array<string | number>see more ts definition N

Collapse Events

name params description
change (value: CollapseValue) -

CollapsePanel Props

name type default description required
content String / Slot - - N
disabled Boolean undefined - N
expand-icon Boolean / Slot undefined - N
external-classes Array - ['t-class', 't-class-header', 't-class-content'] N
header String / Slot - - N
header-left-icon String / Slot - - N
header-right-content String / Slot - - N
placement String bottom 0.34.0。optionsbottom/top N
value String / Number - - N

CSS Variables

The component provides the following CSS variables, which can be used to customize styles.

Name Default Value Description
--td-collapse-border-color @border-color -
--td-collapse-content-font-size @font-size-base -
--td-collapse-content-line-height 1.5 -
--td-collapse-content-padding 32rpx -
--td-collapse-content-text-color @font-gray-1 -
--td-collapse-extra-font-size @font-size-m -
--td-collapse-header-height 96rpx -
--td-collapse-header-text-color @font-gray-1 -
--td-collapse-header-text-disabled-color @font-gray-4 -
--td-collapse-horizontal-padding 32rpx -
--td-collapse-icon-color @font-gray-3 -
--td-collapse-panel-bg-color @bg-color-container -
--td-collapse-title-font-size @font-size-m -