Skip to main content

css

Description​

Adds a custom style to the Field control.

Usage​

css?: string;

Example​

<script setup>
import { Field } from "@svar-ui/vue-core";
</script>

<template>
  <div class="demo-box">
    <Field label="Name" css="my-class"><Text /></Field>
  </div>
</template>

<style scoped>
  .demo-box :global(.my-class) {
    background-color: gold;
  }
</style>

Related article: Styling a field