Installation
Installation guide that will help you quicky spin up a site using SGDS
If you only need the visual parts of SGDS, or if you are using frontend frameworks like ReactJS, you do not need to import this.
For React JS
@govtechsg/sgds-react
is not ship with any included CSS . Apply @govtechsg/sgds
styles
by installing the module or using CDN.
@govtechsg/sgds
uses bootstrap-icons
for certain components like Form but it is not ship
with it. Install bootstrap-icons
or use CDN if you need it. Please refer to bootstrap-icons for usage instructions.
Visit the SGDS React storybook for detail installation guide.
For Vanilla JS
Frontend developers can use npm to download sgds and use it as a dependency in their projects. Using npm is especially useful when using a module bundler or build tool, such as Webpack.
@govtechsg/sgds
uses bootstrap-icons
for certain components like Form but it is not ship
with it. Install bootstrap-icons
or use CDN if you need it. Please refer to bootstrap-icons for usage instructions.
Via node
If you use a module bundler like Webpack, import sgds in your entry point:
Via CDN
Last updated 22 November 2023