There are three exceptions to this naming rule: 3d_rotation exported as ThreeDRotation, 4k exported as FourK, and 360 exported as ThreeSixty.īoth approaches work fine, however there are some subtle differences, especially in terms of performance and rendering quality. Filled theme (default) is exported as Outlined theme is exported as Rounded theme is exported as Twotone theme is exported as Sharp theme is exported as Material Design guidelines name the icons using "snake_case" naming (for example delete_forever, add_a_photo), while exports the respective icons using "PascalCase" naming (for example DeleteForever, AddAPhoto).To import the icon component with a theme other than the default, append the theme name to the icon name.
Make sure you follow the minimizing bundle size guide before using the second approach.Įach Material icon also has a "theme": Filled (default), Outlined, Rounded, Two-tone, and Sharp. The safest for bundle size is Option 1, but some developers prefer Option 2.
0 kommentar(er)
