@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