Styling with Ant Design

circle-info

Ant Design is only available from the @lambdalabs/labsarrow-up-right 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 Libraryarrow-up-right.

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 stylesarrow-up-right

  • You will need to restart your app completely restart your dev server when making changes to this JS file

Last updated

Was this helpful?