Shoreline
HomeHomeComponentsComponentsHooksHooksDesign SystemDesign SystemFoundationsFoundationsRaccoonRaccoonAPI ReferenceAPI Reference
GitHubGitHub (opens in a new tab)
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Best Practices
    • Code
    • Props
    • Code
    • Props
    • Best Practices
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Best Practices
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Code
    • Props
    • Code
    • Props
    • Best Practices
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Best Practices
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Best Practices
    • Code
    • Props
    • Best Practices
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Best Practices
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Best Practices
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Best Practices
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
    • Code
    • Props
  • Home
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Best Practices
      • Code
      • Props
      • Code
      • Props
      • Best Practices
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
        • Hierarchy
        • Properties
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Best Practices
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Code
      • Props
      • Code
      • Props
      • Best Practices
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Best Practices
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Best Practices
      • Code
      • Props
      • Best Practices
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Best Practices
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Best Practices
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Best Practices
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Props
      • Code
      • Code
      • Code
    • Example
    • Gettings Started
    • Table
      • API Reference
      • Design
      • Examples
        • Data Fetching
        • Data View Status
        • Filters
        • Fixed Columns
        • Selectable
        • With Pagination
        • With Search
        • With Toolbar
    • Design Tokens
      • Tokens
      • Rationale
      • Tokens
      • Rationale
      • Tokens
      • Rationale
      • Tokens
      • Rationale
      • Tokens
      • Rationale
      • Tokens
      • Rationale
      • Tokens
      • Rationale
    • Getting Started
    • Project Structure
    • I18n
    • Proxy
    • Functions
    • Hooks
    • Navigation
      • Introduction
      • Commands
      • Introduction
      • Design Tokens
      • Cascade Layers
      • Transforms
      • Namespaces
      • Utils
        • Stitches
        • Vanilla Extract
      • Config
      • Code Generation
      • Defining Tokens

On This Page

  • Hierarchy
  • Properties
  • variant
  • Defined in
Question? Give us feedback → (opens in a new tab)Edit this page
Components
Field
Props

FieldProps

Hierarchy

  • ComponentPropsWithoutRef<"div">

    ↳ FieldProps

Properties

variant

• Optional variant: "group" | "default" | "control"

Defined in

packages/components/src/field/field.tsx:19 (opens in a new tab)

CodeCode
VTEX Design System for backoffice experiences