Style Props

VBox supports every CSS property as an attribute. Under the hood, it parses them into CSS rules.

<template>
  <v-box display="flex" align-items="start" gap="1rem">
    <v-box
      is="img"
      src="/victor-osimhen.jpg"
      alt="Victor Osihmen"
      height="50px"
      width="50px"
      object-fit="cover"
      border-radius="50%"
    />
    <v-box display="flex" flex-direction="column" gap="0.2rem">
      <v-box is="span" font-weight="bold">Victor Osimhen</v-box>
      <v-box is="em" font-size="0.8rem">Striker, Nigeria</v-box>
    </v-box>
  </v-box>
</template>

Victor OsimhenStriker, Nigeria