Introduction
Welcome developers, here you'll find everything you need to use Fluid Design System to create ENGIE applications.
Migrate from v3 to v4
The v4 introduces a new major update including the Dark Mode!
Have a look at our new section to enable Dark Mode.
The most notable changes to migrate from v3 to v4 are documented here.
Web browser compatibility
- Last 2 Chrome major versions
- Last 2 Firefox major versions
- Last Edge major version
- Last Safari major versions
- Last 2 Android versions
- Last 2 iOS versions
If you are experiencing any issue due to a specific version of a browser, please create an issue on our library git repository.
For other browsers support, you may use Old Browsers Support library (fluid-design-system-obs.js).
- > 0.25%
- not dead
Quick start
You can use Fluid Design System in multiple ways. Start using it now with:
Library structure
The package has the following file structure:
.
├── CHANGELOG.md
├── README.md
├── lib
│ ├── components
│ │ ├── ...
│ │ ├── toggle/
│ │ └── ...
│ ├── fluid-design-system.css
│ ├── reboot.css
│ ├── fluid-design-system.d.ts
│ ├── fluid-design-system.js
│ ├── fluid-design-system.js.map
│ ├── auto-init.js
│ ├── auto-init.js.map
│ ├── fluid-design-system-obs.d.ts
│ ├── fluid-design-system-obs.js
│ ├── fluid-design-system-obs.js.map
├── lib-esm
│ ├── components
│ │ ├── ...
│ │ ├── toggle/
│ │ └── ...
│ ├── fluid-design-system.d.ts
│ ├── fluid-design-system.js
│ ├── fluid-design-system.js.map
│ ├── auto-init.js
│ ├── auto-init.js.map
│ ├── fluid-design-system-obs.d.ts
│ ├── fluid-design-system-obs.js
│ ├── fluid-design-system-obs.js.map
└── src
├── components
│ ├── ...
│ ├── toggle/
│ └── ...
├── globals
│ ├── scss/
│ └── ts/
├── fluid-design-system.scss
├── fluid-design-system-obs.js
└── fluid-design-system.tsTroubleshooting
If you have any issues while getting set up with Fluid Design System, please create an issue or a request on our library git repository.