@airscompany/hyundai

AIRS 컴퍼니가 제공하는 현대 테마의 React 컴포넌트 입니다.

• Demo
• Docs
• PropsType

Install

npm install --save @airscompany/hyundai

or

yarn add @airscompany/hyundai

Usage

import { SimpleImage } from '@airscompany/hyundai';

const Test = () => {
	return (
		<div>
			<SimpleImage type={'left'} test={'안녕'} />
		</div>
	);
};

Docs

• SimpleImage
• SimpleText
• CardBasic
• CardBullet

SimpleImage

| props | type | | desc | |-------------|---------------------------------| -------- |------| | image | IImage | required | | | customStyle | ICustomStyle | optional | |

SimpleText

| props | type | | desc | |-------------|---------------------------------|----------|-----------------| | type | string | required | | | text | string | required | | | loading | boolean | optional | default = false | | customStyle | ICustomStyle | optional | |

CardBasic

| props | type | | desc | |-------------|---------------------------------| -------- |------| | image | IImage | optional | | | category | ICategory | optional | | | title | string | optional | | | mainText | string | optional | | | buttons | IButton[] | optional | | | customStyle | ICustomStyle | optional | |

CardBullet

| props | type | | desc | |-------------|---------------------------------| -------- |------| | image | IImage | optional | | | title | string | optional | | | mainText | string | optional | | | bullets | string[] | optional | | | buttons | IButton[] | optional | | | customStyle | ICustomStyle | optional | |

PropsType

• ICustomStyle
• IImage
• IButton
• ICategory

ICustomStyle

| props | type | | desc | |-----------------|---------|-----------|-------| | fontColor | string | optional | | | fontSize | string | optional | | | backgroundColor | string | optional | | | borderRadius | string | optional | | | padding | string | optional | | | minHeight | string | optional | |

IImage

| props | type | | desc | |----------------|---------|-----------|-----------------| | sourceUrl | string | required | | | altText | string | required | | | url | string | optional | | | ratio | string | optional | default = 2:1 | | caption | string | optional | | | videoThumbnail | boolean | optional | default = false |

IButton

| props | type | | desc | |---------|---------|-----------|-------| | label | string | required | | | type | string | required | |

ICategory

| props | type | | desc | |-------|------------------|-----------|-------| | icon | string | optional | | | name | string | optional | | | tags | ITag[] | optional | |

ITag

| props | type | | desc | |-------|------------------|-----------|----------------| | text | string | optional | | | type | string | optional | default = hash |

License

Airs Company