ebay-field

ebay-field

Demo

Storybook

Import JS

import { EbayField, EbayLabel, EbayFieldDescription } from '@ebay/ui-core-react/ebay-field';

Import following styles from SKIN

import '@ebay/skin/field';

Import styles using SCSS/CSS

import '@ebay/skin/field.css'

Usage

yarn add @ebay/ui-core-react

 <EbayField layout="block">
    <EbayLabel stacked htmlFor="field1">Label 1</EbayLabel>
    <EbayTextbox placeholder="placeholder text" id="field1" />
    <EbayFieldDescription
        type="confirmation"
        position="bellow">
            Some description Text
    </EbayFieldDescription>
</EbayField>

EbayField Attributes

Name	Type	Stateful	Required	Description
layout	String	No	No	block, inline (default)

EbayLabel Attributes

Name	Type	Stateful	Required	Description
stacked	Boolean	No	No	display label above the field if true
required	Boolean	No	No	indicates the field is required if true
position	String	No	No	start (default) or end position towards the input

EbayFieldDescription Attributes

Name	Type	Stateful	Required	Description
type	String	No	No	confirmation, default(Default), attention, information
position	String	No	No	bellow (Default), inline, above