Size

Snacks are used to display an interactive message to the user. They feature a close button that can trigger an action when clicked. Snacks can have different sizes. Use the size prop to change the size of the snack.

ری‌اکت
انگولار
Vue
نمایش کد
vue

Color:default

Snacks default to the light version. Use the color prop with the default value to display a light snack.

ری‌اکت
انگولار
Vue
Html
پایتون
نمایش کد
vue

Color:muted

Snacks have a muted version. Use the color prop with the muted value to display a muted snack.

ری‌اکت
انگولار
Vue
Html
پایتون
نمایش کد
vue

Icon:default

Snacks can have an icon displayed on the left. Use the icon prop to display an icon.

ری‌اکت
انگولار
Vue
نمایش کد
vue

Icon:muted

Snacks can have an icon displayed on the left. Use the icon prop to display an icon.

ری‌اکت
انگولار
Vue
نمایش کد
vue

Image:default

Snacks can have an icon displayed on the left. Use the image prop to display an image.

مایک
مایا
جان
نمایش کد
vue

Image:muted

Snacks can have an icon displayed on the left. Use the image prop to display an image.

مایک
مایا
جان
نمایش کد
vue

#<BaseSnack>

•خصوصیات

classes
Optional CSS classes to apply to the component inner elements.
نمایش مثال
vue
icon
An optional icon to display in the snackbar.
نمایش مثال
vue
image
An optional image to display in the snackbar.
نمایش مثال
vue
label
The text to display in the snackbar.
نمایش مثال
vue

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

color
The color of snack.
نمایش مثال
vue
size
The size of the snack.
نمایش مثال
vue

•Events

@delete
این رویدادها هیچ ارزشی دریافت نمی‌کنند
نمایش مثال
vue

•Slots

#icon
This slot has no inherted props
نمایش مثال
vue
#default
This slot has no inherted props
نمایش مثال
vue

•Exposed

color
The color of snack.
نمایش مثال
vue
size
The size of the snack.
نمایش مثال
vue