VSnack
Vuero provides a <VSnack /> component than can be used to show a pill with an image. Use the image prop to insert an image inside the component.
VSnack white
Vuero provides a <VSnack /> component than can be used to show a pill with an image. Use the image prop to insert an image inside the component. You cna also use the white prop to make the component background white.
Feather icons
Vuero provides a <VSnack /> component than can be used to show a pill with an icon. Use the available slots prop to insert your content. Check the markup for more details.
Feather solid
Vuero provides a <VSnack /> component than can be used to show a pill with an icon. Use the available slots prop to insert your content. Add the solid prop to the component if you want to show a solid icon. Check the markup for more details.
Font Awesome
Vuero provides a <VSnack /> component than can be used to show a pill with an icon. Use the available slots prop to insert your content. Check the markup for more details.
Font Awesome solid
Vuero provides a <VSnack /> component than can be used to show a pill with an icon. Use the available slots prop to insert your content. Add the solid prop to the component if you want to show a solid icon. Check the markup for more details.
Line Icons
Vuero provides a <VSnack /> component than can be used to show a pill with an icon. Use the available slots prop to insert your content. Check the markup for more details.
Line Icons solid
Vuero provides a <VSnack /> component than can be used to show a pill with an icon. Use the available slots prop to insert your content. Add the solid prop to the component if you want to show a solid icon. Check the markup for more details.
Small images
<VSnack /> components than can be displayed in a smaller size. Use the size="small" prop on the component to show a smaller version of it.
Small icons
<VSnack /> components than can be displayed in a smaller size. Use the size="small" prop on the component to show a smaller version of it.
VSnack Props
Here is the full props available for <VSnack /> component:
| Props | Default | Type |
|---|---|---|
| title required | undefined | string |
| icon | undefined | string |
| image | undefined | string |
| placeholder | https://via.placeholder.com/50x50 | string |
| size | undefined | small |
| color | undefined | primary, success, info, warning, danger |
| solid | false | boolean |
| white | false | boolean |