HDesign/Փորձանմուշներ

Ինտերակտիվ Լաբորատորիա (Playground)

Փորձարկեք HDesign-ի բոլոր 12 կոմպոնենտները իրական ժամանակում: Փոփոխեք ատրիբուտները, տեսեք արդյունքը և պատճենեք պատրաստի HTML/JSX կոդը:

ԻՐԱԿԱՆ ԺԱՄԱՆԱԿՈՒՄ ԴԻՏՈՒՄ

Սեղմել այստեղ

ՍՏԱՑՎԱԾ ԿՈԴԸ

1<hd-button data-width="240px" data-height="50px" data-thickness="3px" data-color="#083f39" data-text-color="#ffffff" data-radius="12px">

2  Սեղմել այստեղ

3</hd-button>

ԴԻԶԱՅՆԻ ՈՃԼայնություն (Width)

100% (Լրիվ)300px200px150px

Բարձրություն (Height)

38px (Կոմպակտ)50px (Ստանդարտ)62px (Խոշոր)

Գծի հաստություն: 3px

Կլորացման շառավիղ: 12px

Հիմնական գույն (Theme Color)

Տեքստի գույն

ԿՈՄՊՈՆԵՆՏԻ ՊԱՐԱՄԵՏՐԵՐԿոճակի տեքստը

Պասիվ (Disabled)

Կոմպոնենտների Համատեղ Կիրառում

Օգտագործված են hd-input, hd-checkbox և hd-button

Մուտք Գործել

Օգտագործված են hd-switch, hd-segment, hd-slider

ԾանուցումներՍտանալ ծանուցումներ էլ. փոստով

Թեմայի Գույն

ԲացՄութԿանաչ

Ձայնի Բարձրություն