Accordion

管理一个或多个可展开区域及其键盘焦点。

正在加载交互演示…

let accordion = Accordion::new("faq");
let item = accordion.item("one", 0, true);
item.root().child(item.trigger_with(text("Details")))

#导入

从 quickgui 导入 Accordion。

use quickgui::*;

#用法

let accordion = Accordion::new("faq");
let item = accordion.item("one", 0, true);
item.root().child(item.trigger_with(text("Details")))

#结构

Accordion::root
Accordion::item
Accordion::header
Accordion::trigger
Accordion::panel

#API 参考

展开条目查看说明和完整签名。短横线表示声明中未记录默认值。

`Accordion`

查看源码

pub fn new(root_id: impl Into<ElementId>) -> Self

disabledpub const fn disabled(mut self, disabled: bool) -> Self—

Configures disabled for this part.

pub const fn disabled(mut self, disabled: bool) -> Self

查看源码

keep_mountedpub const fn keep_mounted(mut self, keep_mounted: bool) -> Self—

Configures keep mounted for this part.

pub const fn keep_mounted(mut self, keep_mounted: bool) -> Self

查看源码

heading_levelpub fn heading_level(mut self, level: usize) -> Self—

Configures heading level for this part.

pub fn heading_level(mut self, level: usize) -> Self

查看源码

root_idpub const fn root_id(self) -> ElementId—

Configures root id for this part.

pub const fn root_id(self) -> ElementId

查看源码

itempub fn item(self, value: impl Into<ElementId>, index: usize, open: bool) -> AccordionItem—

Configures item for this part.

pub fn item(self, value: impl Into<ElementId>, index: usize, open: bool) -> AccordionItem

查看源码

item_from_statepub fn item_from_state( self, value: impl Into<ElementId>, index: usize, state: &AccordionState, ) -> AccordionItem—

Configures item from state for this part.

pub fn item_from_state( self, value: impl Into<ElementId>, index: usize, state: &AccordionState, ) -> AccordionItem

查看源码

`Accordion::root_with`

查看源码

pub fn root_with(self, root: Element) -> Element

`Accordion::root`

查看源码

pub fn root(self) -> Element

Create the unstyled root part. Use [`Self::root_with`] to supply an existing element.

`AccordionItem`

查看源码

pub fn disabled(mut self, disabled: bool) -> Self

keep_mountedpub const fn keep_mounted(mut self, keep_mounted: bool) -> Self—

Configures keep mounted for this part.

pub const fn keep_mounted(mut self, keep_mounted: bool) -> Self

查看源码

heading_levelpub fn heading_level(mut self, level: usize) -> Self—

Configures heading level for this part.

pub fn heading_level(mut self, level: usize) -> Self

查看源码

statepub const fn state(self) -> AccordionItemState—

Configures state for this part.

pub const fn state(self) -> AccordionItemState

查看源码

valuepub const fn value(self) -> ElementId—

Configures value for this part.

pub const fn value(self) -> ElementId

查看源码

indexpub const fn index(self) -> usize—

This item's declared position in the accordion, Base UI's `data-index`.

pub const fn index(self) -> usize

查看源码

root_idpub fn root_id(self) -> ElementId—

Configures root id for this part.

pub fn root_id(self) -> ElementId

查看源码

header_idpub fn header_id(self) -> ElementId—

Configures header id for this part.

pub fn header_id(self) -> ElementId

查看源码

trigger_idpub fn trigger_id(self) -> ElementId—

Configures trigger id for this part.

pub fn trigger_id(self) -> ElementId

查看源码

panel_idpub fn panel_id(self) -> ElementId—

Configures panel id for this part.

pub fn panel_id(self) -> ElementId

查看源码

is_openpub const fn is_open(self) -> bool—

Configures is open for this part.

pub const fn is_open(self) -> bool

查看源码

is_disabledpub const fn is_disabled(self) -> bool—

Configures is disabled for this part.

pub const fn is_disabled(self) -> bool

查看源码

panel_is_mountedpub const fn panel_is_mounted(self) -> bool—

Configures panel is mounted for this part.

pub const fn panel_is_mounted(self) -> bool

查看源码

`AccordionItem::root_with`

查看源码

pub fn root_with(self, root: Element) -> Element

`AccordionItem::root`

查看源码

pub fn root(self) -> Element

Create the unstyled root part. Use [`Self::root_with`] to supply an existing element.

`AccordionItem::header_with`

查看源码

pub fn header_with(self, header: Element) -> Element

Decorate the caller-owned heading that contains only this item's trigger.

`AccordionItem::header`

查看源码

pub fn header(self) -> Element

Create the unstyled header part. Use [`Self::header_with`] to supply an existing element.

`AccordionItem::trigger_with`

查看源码

pub fn trigger_with(self, trigger: Element) -> Element

`AccordionItem::trigger`

查看源码

pub fn trigger(self) -> Element

Create the unstyled trigger part. Use [`Self::trigger_with`] to supply an existing element.

`AccordionItem::panel_with`

查看源码

pub fn panel_with(self, panel: Element) -> Option<Element>

Decorate the item panel as a named accessibility region when mounted.

`AccordionItem::panel`

查看源码

pub fn panel(self) -> Option<Element>

Create the unstyled panel part. Use [`Self::panel_with`] to supply an existing element.