Just like any other component in the toolkit, the
<CheckBox /> supports the
theme prop, which by default has the value of
"default", meaning that the default theme is applied.
In order for the default theme to be applied you have to import
@zippytech/react-toolkit/CheckBox/index.css into your app:
This file contains both the structural styles that are needed for the checkbox, as well as the default theme.
In case you only want to load the structural styles for the checkbox, you can import
Be aware, though, that in this case you have to style the checkbox appearance for yourself.
However, you can import both the structural styles and the default theme separately: