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

Last updated

Was this helpful?