اسنک ها
برای استفاده از component Snack باید داخل component مورد نظر import شود که شامل چندین props هست.
این component شامل 5 props هست که شامل نمایش آن، نوع تست، پیام تست، حالت گرد بودن تست و اندازه
تست هست که در پایین صفحه بصورت کامل توضیح داده شده است.
حالت ساده و پیش فرض
حالت آیکون سمت راست
حالت آیکون سمت چپ
حالت آیکون
لیست props ها
# نمایش
- v-model
- برای نمایش و عدم نمایش تست ها از این props استفاده میشود.
# نوع | type
- info
- success
- error
- warning
- از این props برای نوع تست استفاده میشود که سامل پارامتر های بالاست.
# پیام | message
- string
- برای نمایش عنوان تست از این پارامتر باید استفاده شود.
# اندازه | size
- lg
- md
- برای نمایش اندازه تست از این پارامتر میتوانید استفاده کنید.
# حالت گرد | rounded
- boolean
- برای نمایش تست به حالت گرد از این پارامتر استفاده میشود.
لیست slot ها
# آیکون سمت راست
- #icon-start
- درصورت نیاز به آیکون در سمت راست پیام میتوانید از این slot استفاده کنید.
# آیکون سمت چپ
- #icon-end
- درصورت نیاز به آیکون در سمت چپ پیام میتوانید از این slot استفاده کنید.