Default

By default, all <BaseAccordion> items can be open at the same time.

آکاردئون آیتم ۱

لورم ایپسوم متن ساختگی است. پس چگونه؟ از کجا شروع کنیم؟ اولین چیزی که می‌گویی چیست؟ دو پادشاه: ساخت اینترنت.

آکاردئون آیتم ۲

لورم ایپسوم متن ساختگی است. پس چگونه؟ از کجا شروع کنیم؟ اولین چیزی که می‌گویی چیست؟ دو پادشاه: ساخت اینترنت.

آکاردئون آیتم ۳

لورم ایپسوم متن ساختگی است. پس چگونه؟ از کجا شروع کنیم؟ اولین چیزی که می‌گویی چیست؟ دو پادشاه: ساخت اینترنت.

نمایش کد
vue

Exclusive

You can set the exclusive property to true to force only one item to be open at a time.

آکاردئون آیتم ۱

لورم ایپسوم متن ساختگی است. پس چگونه؟ از کجا شروع کنیم؟ اولین چیزی که می‌گویی چیست؟ دو پادشاه: ساخت اینترنت.

آکاردئون آیتم ۲

لورم ایپسوم متن ساختگی است. پس چگونه؟ از کجا شروع کنیم؟ اولین چیزی که می‌گویی چیست؟ دو پادشاه: ساخت اینترنت.

آکاردئون آیتم ۳

لورم ایپسوم متن ساختگی است. پس چگونه؟ از کجا شروع کنیم؟ اولین چیزی که می‌گویی چیست؟ دو پادشاه: ساخت اینترنت.

نمایش کد
vue

Radius

You can change the shape of the accordion with the rounded property.

Default props of all <BaseAccordion> can be set in your <app>/app.config.ts.

آکاردئون آیتم ۱

لورم ایپسوم متن ساختگی است. پس چگونه؟ از کجا شروع کنیم؟ اولین چیزی که می‌گویی چیست؟ دو پادشاه: ساخت اینترنت.

آکاردئون آیتم ۲

لورم ایپسوم متن ساختگی است. پس چگونه؟ از کجا شروع کنیم؟ اولین چیزی که می‌گویی چیست؟ دو پادشاه: ساخت اینترنت.

آکاردئون آیتم ۳

لورم ایپسوم متن ساختگی است. پس چگونه؟ از کجا شروع کنیم؟ اولین چیزی که می‌گویی چیست؟ دو پادشاه: ساخت اینترنت.

آکاردئون آیتم ۱

لورم ایپسوم متن ساختگی است. پس چگونه؟ از کجا شروع کنیم؟ اولین چیزی که می‌گویی چیست؟ دو پادشاه: ساخت اینترنت.

آکاردئون آیتم ۲

لورم ایپسوم متن ساختگی است. پس چگونه؟ از کجا شروع کنیم؟ اولین چیزی که می‌گویی چیست؟ دو پادشاه: ساخت اینترنت.

آکاردئون آیتم ۳

لورم ایپسوم متن ساختگی است. پس چگونه؟ از کجا شروع کنیم؟ اولین چیزی که می‌گویی چیست؟ دو پادشاه: ساخت اینترنت.

آکاردئون آیتم ۱

لورم ایپسوم متن ساختگی است. پس چگونه؟ از کجا شروع کنیم؟ اولین چیزی که می‌گویی چیست؟ دو پادشاه: ساخت اینترنت.

آکاردئون آیتم ۲

لورم ایپسوم متن ساختگی است. پس چگونه؟ از کجا شروع کنیم؟ اولین چیزی که می‌گویی چیست؟ دو پادشاه: ساخت اینترنت.

آکاردئون آیتم ۳

لورم ایپسوم متن ساختگی است. پس چگونه؟ از کجا شروع کنیم؟ اولین چیزی که می‌گویی چیست؟ دو پادشاه: ساخت اینترنت.

آکاردئون آیتم ۱

لورم ایپسوم متن ساختگی است. پس چگونه؟ از کجا شروع کنیم؟ اولین چیزی که می‌گویی چیست؟ دو پادشاه: ساخت اینترنت.

آکاردئون آیتم ۲

لورم ایپسوم متن ساختگی است. پس چگونه؟ از کجا شروع کنیم؟ اولین چیزی که می‌گویی چیست؟ دو پادشاه: ساخت اینترنت.

آکاردئون آیتم ۳

لورم ایپسوم متن ساختگی است. پس چگونه؟ از کجا شروع کنیم؟ اولین چیزی که می‌گویی چیست؟ دو پادشاه: ساخت اینترنت.

نمایش کد
vue

Icon:chevron

<BaseAccordion> accepts an action property that you can use to change the icon of the accordion. By default, it uses the dot icon, but you can use chevron or plus as well.

Here is an example of an accordion with action="chevron".

آکاردئون آیتم ۱

لورم ایپسوم متن ساختگی است. پس چگونه؟ از کجا شروع کنیم؟ اولین چیزی که می‌گویی چیست؟ دو پادشاه: ساخت اینترنت.

آکاردئون آیتم ۲

لورم ایپسوم متن ساختگی است. پس چگونه؟ از کجا شروع کنیم؟ اولین چیزی که می‌گویی چیست؟ دو پادشاه: ساخت اینترنت.

آکاردئون آیتم ۳

لورم ایپسوم متن ساختگی است. پس چگونه؟ از کجا شروع کنیم؟ اولین چیزی که می‌گویی چیست؟ دو پادشاه: ساخت اینترنت.

نمایش کد
vue

Icon:plus

<BaseAccordion> accepts an action property that you can use to change the icon of the accordion. By default, it uses the dot icon, but you can use chevron or plus as well.

Here is an example of an accordion with action="plus".

آکاردئون آیتم ۱

لورم ایپسوم متن ساختگی است. پس چگونه؟ از کجا شروع کنیم؟ اولین چیزی که می‌گویی چیست؟ دو پادشاه: ساخت اینترنت.

آکاردئون آیتم ۲

لورم ایپسوم متن ساختگی است. پس چگونه؟ از کجا شروع کنیم؟ اولین چیزی که می‌گویی چیست؟ دو پادشاه: ساخت اینترنت.

آکاردئون آیتم ۳

لورم ایپسوم متن ساختگی است. پس چگونه؟ از کجا شروع کنیم؟ اولین چیزی که می‌گویی چیست؟ دو پادشاه: ساخت اینترنت.

نمایش کد
vue

#<BaseAccordion>

•خصوصیات

items
The items to display in the accordion.
ضروری
نمایش مثال
vue
classes
Optional CSS classes to apply to the wrapper, label, input, addon, error, and icon elements.
نمایش مثال
vue
exclusive
Whether if multiple elements in the accordion can be opened at same time or not.
نمایش مثال
vue
open-items
Indexes of the items that should be opened by default.
نمایش مثال
vue

•خصوصیات (با app.config)

color
Defines the color of the accordion

@since

3.0.0

نمایش مثال
vue
rounded
Defines the radius of the accordion

@since

2.0.0

نمایش مثال
vue
action
Defines the icon used for accordion item toggle action
نمایش مثال
vue
dot-color
Defines the color of the accordion dot

@since

3.0.0

نمایش مثال
vue

•Events

@open
نمایش مثال
vue

•Slots

#accordion-item
نمایش مثال
vue
#accordion-item-summary
نمایش مثال
vue
#accordion-item-content
نمایش مثال
vue