Styles and Imports

When wrapping a React component, you may need to define styles and imports that are specific to the component. This is done by defining the add_styles and add_imports methods in your component class.

Sometimes, the component you are wrapping will need to import other components or libraries. This is done by defining the add_imports method in your component class. That method should return a dictionary of imports, where the keys are the names of the packages to import and the values are the names of the components or libraries to import.

Values can be either a string or a list of strings. If the import needs to be aliased, you can use the ImportVar object to specify the alias and whether the import should be installed as a dependency.

Styles are any CSS styles that need to be included in the component. The style will be added inline to the component, so you can use any CSS styles that are valid in React.