Página para testes

Para testes usando DEV e PROD

Use no <head>:

<!-- PROD and DEV CSS -->
<link rel="stylesheet" href="app.min.css">


Para testes que compilam seus próprios arquivos

Compile o arquivo SASS (Exemplo: mycss.scss) e importe os parâmetros como mostrado abaixo:

// Coloque na variável $svg-path o caminho da pasta onde se encontra o arquivo "inGaia-loader-white.svg" usado nos componentes do ReactJS
$svg-path: '../../src/svg/';
// Ajuste se necessário o caminho da pasta onde se encontra o arquivo scss/stylesheet.scss
@import '../../src/scss/stylesheet';

Use no <head>do seu html:

<!-- MY CSS | ajuste o caminho se necessário -->
<link rel="stylesheet" href="../node_modules/ingaia-font-icons/dist/ingaia-font-icons.min.css">
<link rel="stylesheet" href="css/mycss.css">


Área de testes

animate.css
PopperJS
Alert
SVG do componente do React

Boostrap 4

Popovers

arrow-top-right-red
border-bottom-blue

Popovers

arrow-right-middle-blue

Popovers

arrow-bottom-left-deep-purple-1

Popovers

arrow-left-top-green-2


success

Lorem import moduleName from 'module'Lorem import moduleName from 'module'Lorem import moduleName from 'module'Lorem import moduleName from 'module'Lorem import moduleName from 'module';

Checkbox Switch

Checkbox

Radio

Btn link com font-weight: 600;

Material Design Lite

Bootstrap 4
Material Design Lite
Bar progress

Badge

Inbox

Inbox

Inbox

Inbox

Inbox

Mood

Mood

Mood

Mood

Mood

Sliders

Dropdown

  • Some Action
  • Another Action
  • Disabled Action
  • Yet Another Action

TOGGLES

Table

Material Quantity Unit price
Acrylic (Transparent) 25 $2.90
Plywood (Birch) 50 $1.25
Laminate (Gold on Blue) 10 $2.35

Tooltips

add
Follow
print
Print

Icons face
Enviar