Styling with Ant Design

Ant Design is only available from the @lambdalabs/labs generator when program=Labs

In order to provide an experience for you to dive right into a code base and have everything you need to successfully style and craft your UI Components we'd like for you to gain some practice using the ANT Design Library.

Instructions on how to use components can be found in the notes portion in the project storybook.
It is recommended that you use the AntD components as your common components.

Theme-ing your app

Even though you're using Ant Design and the global stylesheet that comes with it, you can control the theme of your application by changing things like font-family, sizes, border-radius', primary/accent colors etc.
To do this, simply go to the theme-overrides.js file and use the following properties to override the styles
You will need to restart your app completely restart your dev server when making changes to this JS file

PreviousBasic SPA NextTesting

Last updated 4 years ago

Was this helpful?

Ant Design is only available from the @lambdalabs/labs generator when program=Labs

In order to provide an experience for you to dive right into a code base and have everything you need to successfully style and craft your UI Components we'd like for you to gain some practice using the ANT Design Library.

Instructions on how to use components can be found in the notes portion in the project storybook.
It is recommended that you use the AntD components as your common components.

Theme-ing your app

Even though you're using Ant Design and the global stylesheet that comes with it, you can control the theme of your application by changing things like font-family, sizes, border-radius', primary/accent colors etc.
To do this, simply go to the theme-overrides.js file and use the following properties to override the styles
You will need to restart your app completely restart your dev server when making changes to this JS file