Skip to content

Latest commit

 

History

History

ebay-field

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
__tests__
__tests__
 
 
README.md
README.md
 
 
description.tsx
description.tsx
 
 
field.tsx
field.tsx
 
 
index.ts
index.ts
 
 
label.tsx
label.tsx
 
 
types.ts
types.ts
 
 

README.md

EbayField

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