@salutejs/caldera NPM

Библиотека компонентов Caldera

Реализация компонентов для создания веб-приложений.

Использование

Компоненты реализованы на typescript с помощью react и styled-components;

Использование данного пакета предполагает установку зависимостей: react & react-dom;

Использование styled-components на проект необязательно, так же как и использование typescript.

Но для того чтобы компоненты работали корректно необходимо установить styled-components.

Установка пакета

$ npm install --save react react-dom
$ npm install --save styled-components
$ npm install --save @salutejs/caldera @salutejs/caldera-online-themes

Настройка

Создайте компонент для подключения глобальных стилей:

import { createGlobalStyle } from 'styled-components';
import { caldera__light } from '@salutejs/caldera-online-themes';

const ThemeStyle = createGlobalStyle(caldera__light);

export const GlobalStyle = () => (
    <>
        <ThemeStyle />
    </>
);

Корень приложения

В корне приложения вызовите компонент глобальных стилей GlobalStyle:

Если вы используете Create React App, делайте вызов внутри src/index.tsx.
Если вы используете Next.js, создайте файл pages/_app.tsx и подключите стили в нем.

Для корректной работы server side rendering приложение нужно обернуть SSRProvider (доступен в caldera);

Использование компонентов

Все компоненты доступны из папки components или напрямую из пакета:

// App.tsx
import { Button } from '@salutejs/caldera';
import { textAccent } from '@salutejs/caldera-online-themes/tokens';

export const App = () => {
    return (
        <Button>Hello, Caldera!</Button>

        <p style={{color: textAccent}}>
            Token usage example
        </p>
    );
};

design-system react-components ui-kit react

@salutejs/caldera-online-themes @salutejs/plasma-new-hope

0.29.0-canary.1155.8506197081.0

1 year ago

0.28.0-canary.1134.8504864222.0

1 year ago

0.27.1-canary.1157.8509147349.0

1 year ago

0.27.1

1 year ago

0.29.0-canary.1148.8507402029.0

1 year ago

0.29.0-canary.1148.8505804388.0

1 year ago

0.28.1-canary.1154.8507812308.0

1 year ago

0.27.1-canary.1157.8507285871.0

1 year ago

0.27.1-canary.1157.8509956427.0

1 year ago

0.28.1-canary.1154.8508988159.0

1 year ago

0.29.0-canary.1148.8520837057.0

1 year ago

0.27.1-canary.1157.8507701557.0

1 year ago

0.22.1-canary.17.8519131265.0

1 year ago

0.28.1-canary.1154.8509991799.0

1 year ago

0.28.0-dev.0

1 year ago

0.22.1-canary.20.8518174563.0

1 year ago

0.27.1-canary.1157.8506878970.0

1 year ago

0.22.1-canary.20.8518896886.0

1 year ago

0.27.2-canary.1154.8478709011.0

1 year ago

0.28.0-canary.1148.8482525044.0

1 year ago

0.27.1-dev.0

1 year ago

0.27.2-canary.1154.8478542170.0

1 year ago

0.28.0-canary.1155.8481923291.0

1 year ago

0.27.1-canary.1104.8477681580.0

1 year ago

0.28.0-canary.1148.8464224381.0

1 year ago

0.27.0

1 year ago

0.27.1-canary.1154.8466220068.0

1 year ago

0.28.0-canary.1148.8464595999.0

1 year ago

0.27.0-canary.1104.8449933256.0

1 year ago

0.23.0-canary.1142.8432586166.0

1 year ago

0.27.0-canary.1148.8444175533.0

1 year ago

0.26.1-canary.1128.8446493855.0

1 year ago

0.28.0-canary.1151.8450920847.0

1 year ago

0.28.0-canary.1148.8452223133.0

1 year ago

0.28.0-canary.1148.8452547227.0

1 year ago

0.27.0-canary.1150.8449940643.0

1 year ago

0.25.0-dev.0

1 year ago

0.28.0-canary.1104.8452362346.0

1 year ago

0.24.0-canary.1142.8437598229.0

1 year ago

0.24.0-dev.0

1 year ago

0.27.0-canary.1148.8449317874.0

1 year ago

0.24.0-canary.1148.8437854146.0

1 year ago

0.27.0-canary.1148.8443817650.0

1 year ago

0.22.1-canary.1149.8434278946.0

1 year ago

0.22.1-canary.17.8431756821.0

1 year ago

0.28.0-canary.1104.8452846373.0

1 year ago

0.23.0-canary.1141.8432928007.0

1 year ago

0.24.0-canary.1132.8437517871.0

1 year ago

0.27.0-dev.0

1 year ago

0.26.1-dev.0

1 year ago

0.24.0-canary.1107.8437953521.0

1 year ago

0.23.0-dev.0

1 year ago

0.22.1-canary.17.8432098371.0

1 year ago

0.26.0-dev.0

1 year ago

0.23.0-canary.1140.8433944914.0

1 year ago

0.25.0-canary.1142.8439122660.0

1 year ago

0.24.0-canary.1132.8435125320.0

1 year ago

0.27.0-canary.1148.8449780048.0

1 year ago

0.26.0-canary.1107.8441154681.0

1 year ago

0.24.0-canary.1142.8437104727.0

1 year ago

0.22.1-canary.19.8431714968.0

1 year ago

0.22.1-canary.18.8431347381.0

1 year ago

0.27.1-canary.1104.8453426367.0

1 year ago

0.23.0-canary.1107.8433706949.0

1 year ago

0.22.1-canary.17.8431502394.0

1 year ago

0.23.0-canary.1148.8433297917.0

1 year ago

0.26.1-canary.1149.8446846250.0

1 year ago

0.23.0-canary.1104.8424396918.0

1 year ago

0.23.0-canary.1104.8421987241.0

1 year ago

0.22.1-canary.16.8415917173.0

1 year ago

0.22.1-canary.17.8416023057.0

1 year ago

0.22.1-canary.15.8416021082.0

1 year ago

0.22.1-canary.18.8416431456.0

1 year ago

0.22.1-canary.1128.8415682582.0

1 year ago

0.23.0-canary.1141.8418731345.0

1 year ago

0.22.1-canary.15.8415647099.0

1 year ago

0.23.0-canary.1132.8418294770.0

1 year ago

0.23.0-canary.1140.8417016171.0

1 year ago

0.22.1-canary.16.8415692055.0

1 year ago

0.23.0-canary.1107.8391756028.0

1 year ago

0.22.0-canary.1104.8386500043.0

1 year ago

0.22.0-canary.1107.8388104672.0

1 year ago

0.21.3-canary.1143.8386402782.0

1 year ago

0.22.0-dev.0

1 year ago

0.23.0-canary.1107.8392389661.0

1 year ago

0.23.0-canary.1142.8389275162.0

1 year ago

0.23.0-canary.1132.8392009927.0

1 year ago

0.22.0-canary.1103.8388307850.0

1 year ago

0.21.3-canary.1143.8386648522.0

1 year ago

0.22.0-canary.1107.8387807305.0

1 year ago

0.22.0-canary.1126.8387518259.0

1 year ago

0.23.0-canary.1104.8392667161.0

1 year ago

0.22.0-canary.1103.8387673796.0

1 year ago

0.23.0-canary.1107.8391117306.0

1 year ago

0.22.0-canary.1107.8387515808.0

1 year ago

0.22.0-canary.1126.8374149152.0

1 year ago

0.22.0-canary.1142.8375879169.0

1 year ago

0.22.0-canary.1107.8372502529.0

1 year ago

0.22.0-canary.1126.8372657133.0

1 year ago

0.22.0-canary.1107.8367220328.0

1 year ago

0.22.0-canary.1132.8372596701.0

1 year ago

0.22.0-canary.1134.8372549126.0

1 year ago

0.22.0-canary.1107.8371403934.0

1 year ago

0.22.0-canary.1104.8379430117.0

1 year ago

0.22.0-canary.1104.8378794893.0

1 year ago

0.21.3-canary.1128.8369811761.0

1 year ago

0.22.0-canary.1140.8374004864.0

1 year ago

0.22.0-canary.1107.8371174803.0

1 year ago

0.22.0-canary.1140.8375089634.0

1 year ago

0.22.0-canary.1104.8375694662.0

1 year ago

0.22.0-canary.1107.8372138331.0

1 year ago

0.22.0-canary.1127.8374885890.0

1 year ago

0.22.0-canary.1134.8372017768.0

1 year ago

0.22.0-canary.1141.8374886119.0

1 year ago

0.21.3-canary.1128.8369582017.0

1 year ago

0.22.0-canary.1107.8378459750.0

1 year ago

0.21.3-canary.1135.8369164007.0

1 year ago

0.21.3-canary.1138.8369775446.0

1 year ago

0.22.0-canary.1130.8357768057.0

1 year ago

0.22.0-canary.1130.8357400326.0

1 year ago

0.22.0-canary.1107.8355310430.0

1 year ago

0.22.0-canary.1104.8361174885.0

1 year ago

0.21.3-canary.1128.8354320507.0

1 year ago

0.21.3-canary.1128.8357043245.0

1 year ago

0.22.0-canary.1130.8355158265.0

1 year ago

0.22.0-canary.1132.8360123416.0

1 year ago

0.22.0-canary.1104.8362143322.0

1 year ago

0.22.0-canary.1130.8358943263.0

1 year ago

0.22.0-canary.1130.8355923482.0

1 year ago

0.22.0-canary.1127.8360705762.0

1 year ago

0.22.0-canary.1132.8359413682.0

1 year ago

0.22.0-canary.1134.8363193534.0

1 year ago

0.22.0-canary.1130.8348681148.0

1 year ago

0.22.0-canary.1104.8350601040.0

1 year ago

0.22.0-canary.1130.8348409566.0

1 year ago

0.22.0-canary.1130.8347669909.0

1 year ago

0.22.0-canary.1107.8346840460.0

1 year ago

0.22.0-canary.1130.8348048941.0

1 year ago

0.21.3-canary.1128.8338480500.0

1 year ago

0.22.0-canary.1127.8338618896.0

1 year ago

0.22.0-canary.1126.8328620419.0

1 year ago

0.21.1-canary.1119.8323697780.0

1 year ago

0.22.0-canary.1127.8328712972.0

1 year ago

0.21.2-canary.1119.8324919346.0

1 year ago

0.21.1-dev.0

1 year ago

0.21.2-dev.0

1 year ago

0.21.1-canary.1116.8323779850.0

1 year ago

0.22.0-canary.1107.8298107781.0

1 year ago

0.21.1-canary.1116.8278123760.0

1 year ago

0.22.0-canary.1104.8280661928.0

1 year ago

0.21.0

1 year ago

0.22.0-canary.1107.8280596059.0

1 year ago

0.22.0-canary.1104.8285330722.0

1 year ago

0.21.1-canary.1116.8281168561.0

1 year ago

0.22.0-canary.1103.8281892699.0

1 year ago

0.22.0-canary.1104.8284226652.0

1 year ago

0.22.0-canary.1107.8280202305.0

1 year ago

0.19.0-canary.1107.8247342023.0

1 year ago

0.21.0-canary.1107.8264949500.0

1 year ago

0.19.0-dev.0

1 year ago

0.19.0-canary.1110.8249201346.0

1 year ago

0.21.0-canary.1103.8264381310.0

1 year ago

0.19.0-canary.1105.8247989087.0

1 year ago

0.19.0-canary.1105.8238303616.0

1 year ago

0.19.0-canary.1107.8254238868.0

1 year ago

0.21.0-canary.1107.8262128065.0

1 year ago

0.21.0-canary.1107.8264517382.0

1 year ago

0.20.0-canary.1105.8259811804.0

1 year ago

0.19.0-canary.1110.8254420470.0

1 year ago

0.21.0-canary.1107.8264255315.0

1 year ago

0.19.0-canary.1105.8253921718.0

1 year ago

0.20.1-dev.0

1 year ago

0.21.0-canary.1107.8263834499.0

1 year ago

0.20.1-canary.1080.8261082592.0

1 year ago

0.20.0-dev.0

1 year ago

0.19.0-canary.1080.8252685470.0

1 year ago

0.21.0-canary.1112.8262163984.0

1 year ago

0.19.0-canary.1104.8238128932.0

1 year ago

0.19.0-canary.1104.8208356691.0

1 year ago

0.19.0-canary.1104.8207916286.0

1 year ago

0.18.0-dev.0

1 year ago

0.17.1-dev.0

1 year ago

0.18.0-canary.1080.8192661335.0

1 year ago

0.17.1-canary.1089.8186819754.0

1 year ago

0.17.1-canary.1096.8170911231.0

1 year ago

0.17.0-canary.1084.8168958226.0

1 year ago

0.18.0-canary.1101.8175418651.0

1 year ago

0.17.1-canary.1102.8175034751.0

1 year ago

0.17.1-canary.1102.8174460748.0

1 year ago

0.17.0-canary.1084.8168660901.0

1 year ago

0.17.1-canary.1102.8174190235.0

1 year ago

0.18.0-canary.1095.8175244321.0

1 year ago

0.17.1-canary.1102.8175322475.0

1 year ago

0.17.0-dev.0

1 year ago

0.17.1-canary.1102.8174765200.0

1 year ago

0.16.2-dev.0

1 year ago

0.16.1-canary.1083.8155986695.0

1 year ago

0.15.1-canary.1093.8153576579.0

1 year ago

0.16.1-canary.1094.8156406225.0

1 year ago

0.15.1-canary.1083.8152512133.0

1 year ago

0.16.1-canary.1083.8153289956.0

1 year ago

0.16.1-canary.1083.8155624165.0

1 year ago

0.15.1-canary.1083.8152066883.0

1 year ago

0.17.0-canary.1082.8157187677.0

1 year ago

0.16.1-canary.1094.8153757283.0

1 year ago

0.16.0-dev.0

1 year ago

0.15.1

1 year ago

0.16.1-canary.1083.8153489438.0

1 year ago

0.16.1-dev.0

1 year ago

0.16.1-canary.1083.8154166498.0

1 year ago

0.16.0-canary.1092.8152262621.0

1 year ago

0.16.1-canary.1096.8156568303.0

1 year ago

0.15.1-canary.1093.8154958124.0

1 year ago

0.16.0-canary.1062.8142204472.0

1 year ago

0.15.1-canary.1083.8140475502.0

1 year ago

0.15.1-canary.1083.8139542265.0

1 year ago

0.16.0-canary.1091.8138016017.0

1 year ago

0.15.1-canary.1083.8138082492.0

1 year ago

0.16.0-canary.1084.8131416575.0

1 year ago

0.15.1-canary.1083.8131317017.0

1 year ago

0.15.0-dev.0

1 year ago

0.16.0-canary.1079.8108883486.0

1 year ago

0.15.0-canary.1081.8107856514.0

1 year ago

0.16.0-canary.1081.8111120813.0

1 year ago

0.15.0

1 year ago

0.16.0-canary.1082.8114039962.0

1 year ago

0.16.0-canary.1081.8112366460.0

1 year ago

0.13.0-canary.1074.8094575646.0

1 year ago

0.11.1-canary.1075.8092130882.0

1 year ago

0.11.1-canary.1077.8094014915.0

1 year ago

0.14.1-canary.1080.8097146395.0

1 year ago

0.12.0-canary.1068.8092072811.0

1 year ago

0.12.0-canary.949.8092729650.0

1 year ago

0.13.0-canary.1068.8094930449.0

1 year ago

0.12.0-dev.0

1 year ago

0.13.0-canary.1078.8095147029.0

1 year ago

0.13.0-dev.0

1 year ago

0.15.0-canary.1079.8096644637.0

1 year ago

0.14.0-canary.1068.8095905739.0

1 year ago

0.13.0-canary.1068.8094654690.0

1 year ago

0.14.0-dev.0

1 year ago

0.11.0-canary.1068.8069077954.0

1 year ago

0.11.0-canary.1061.8067891362.0

1 year ago

0.12.0-canary.1068.8079836438.0

1 year ago

0.12.0-canary.1068.8081827697.0

1 year ago

0.11.0-canary.1061.8076141070.0

1 year ago

0.11.0-dev.0

1 year ago

0.12.0-canary.1068.8082662105.0

1 year ago

0.12.0-canary.1068.8080283671.0

1 year ago

0.12.0-canary.1074.8079625573.0

1 year ago

0.12.0-canary.1074.8080666986.0

1 year ago

0.11.0-canary.1068.8079455194.0

1 year ago

0.12.0-canary.1074.8081359281.0

1 year ago

0.12.0-canary.1068.8081223363.0

1 year ago

0.11.0-canary.949.8072578967.0

1 year ago

0.11.0-canary.1068.8068625536.0

1 year ago

0.12.0-canary.1074.8079988997.0

1 year ago

0.9.2-dev.0

1 year ago

0.10.0-canary.1061.8054965425.0

1 year ago

0.10.0-canary.1056.8050348509.0

1 year ago

0.10.0-canary.1068.8050148030.0

1 year ago

0.9.2-canary.1067.8045865578.0

1 year ago

0.10.0-dev.0

1 year ago

0.10.0-canary.1061.8053365098.0

1 year ago

0.9.2-canary.1069.8044092850.0

1 year ago

0.10.0-canary.949.7980716098.0

1 year ago

0.10.0-canary.1056.7972832858.0

1 year ago

0.10.0-canary.1061.7972032682.0

1 year ago

0.10.0-canary.1056.7941010660.0

1 year ago

0.9.1-dev.0

1 year ago

0.10.0-canary.1050.7918043130.0

1 year ago

0.9.0-dev.0

1 year ago

0.9.1-canary.1055.7928218803.0

1 year ago

0.9.0-dev.1

1 year ago

0.9.0-canary.1052.7916850851.0

1 year ago

0.10.0-canary.1056.7928326755.0

1 year ago

0.9.0-canary.1050.7915364859.0

1 year ago

0.8.0

1 year ago

0.9.0-canary.1047.7898156030.0

1 year ago

0.8.0-dev.0

1 year ago

0.8.0-canary.1032.7892521940.0

1 year ago

0.6.0-canary.983.7871678440.0

1 year ago

0.5.0-canary.1032.7868530710.0

1 year ago

0.6.0-dev.0

1 year ago

0.5.0-canary.1033.7869442826.0

1 year ago

0.7.1-canary.1041.7885925284.0

1 year ago

0.6.0-canary.1032.7874651515.0

1 year ago

0.6.0-canary.983.7884015288.0

1 year ago

0.5.1-canary.1041.7883204543.0

1 year ago

0.8.0-canary.1032.7886019002.0

1 year ago

0.6.0-canary.1032.7870124450.0

1 year ago

0.8.0-canary.1043.7887487556.0

1 year ago

0.7.0-dev.0

1 year ago

0.6.0-canary.1036.7883490808.0

1 year ago

0.6.0-canary.1036.7883983518.0

1 year ago

0.6.0-canary.983.7883724633.0

1 year ago

0.5.0-dev.0

1 year ago

0.7.1-canary.1045.7888324473.0

1 year ago

0.5.1-canary.1041.7872741769.0

1 year ago

0.4.0-canary.1014.7840120119.0

1 year ago

0.4.0-canary.1036.7831653218.0

1 year ago

0.5.0-canary.1036.7843716720.0

1 year ago

0.5.0-canary.1033.7841096092.0

1 year ago

0.4.0-canary.1036.7833345103.0

1 year ago

0.5.0-canary.1033.7840916850.0

1 year ago

0.4.0-dev.0

1 year ago

0.4.0-canary.1014.7838956705.0

1 year ago

0.4.0-canary.1036.7826433339.0

1 year ago

0.4.0-canary.983.7816554452.0

1 year ago

0.4.0-canary.1032.7816961665.0

1 year ago

0.4.0-canary.1033.7827944506.0

1 year ago

0.4.0-canary.1036.7819713328.0

1 year ago

0.4.0-canary.1036.7827687794.0

1 year ago

0.4.0-canary.983.7826431645.0

1 year ago

0.4.0-canary.1036.7820428070.0

1 year ago

0.4.0-canary.1036.7828955441.0

1 year ago

0.4.0-canary.1032.7830706739.0

1 year ago

0.4.0-canary.1032.7815513068.0

1 year ago

0.4.0-canary.983.7814183952.0

1 year ago

0.4.0-canary.1035.7812839073.0

1 year ago

0.4.0-canary.1032.7811308183.0

1 year ago

0.4.0-canary.983.7803101789.0

1 year ago

0.3.0-dev.0

1 year ago

0.2.1-canary.1025.7798222182.0

1 year ago

0.4.0-canary.1033.7800394165.0

1 year ago

0.4.0-canary.983.7804269778.0

1 year ago

0.2.1-canary.1031.7798599034.0

1 year ago

0.3.0-canary.1032.7787356763.0

1 year ago

0.2.1-canary.1028.7785214718.0

1 year ago

0.3.0-canary.941.7781783525.0

1 year ago

0.2.0-canary.990.7756942834.0

1 year ago

0.2.0-canary.990.7752969560.0

1 year ago

0.2.0-dev.0

1 year ago

0.2.0-canary.990.7709588666.0

1 year ago

0.2.0-canary.990.7709202852.0

1 year ago

0.2.0-canary.990.7710745751.0

1 year ago

0.2.0-canary.990.7608608717.0

1 year ago

0.2.0-canary.990.7608135387.0

1 year ago