VBlock
Vuero provides a versatile flex block media component named <VBlock />. VBlock has 2 named slots. One for the icon element, which can be whatever you want, and one for the action.
VBlock icon
Vuero provides a versatile flex block media component named <VBlock />. VBlock has 2 named slots. One for the icon element, which can be whatever you want, and one for the action.
Centered align
You can adjust the <VBlock /> component flex alignment using the center prop. This will apply the flex property align-items: center; to the component.
Icon centered
You can adjust the <VBlock /> component flex alignment using the center prop. This will apply the flex property align-items: center; to the component.
Responsive mobile
<VBlock /> can be made responsive for the mobile viewport by adding the mResponsive prop to the component. When set to responsive mode, the flex block elements stack to fit in the available space. Resize your screen to see it in action.
Tablet responsive
<VBlock /> can be made responsive for the tablet portrait viewport by adding the tResponsive prop to the component. When set to responsive mode, the flex block elements stack to fit in the available space. Resize your screen to see it in action.