@hypertheme-editor/chakra-ui-font-sizes
v0.2.2
Published
Edit [Chakra UI](https://chakra-ui.com/) theme **fontSizes** with [HyperTheme Editor](#hypertheme-editor).
Downloads
2,048
Readme
@hypertheme-editor/chakra-ui-font-sizes
Edit Chakra UI theme fontSizes with HyperTheme Editor.
This module is part of HyperTheme Editor, check it out before installing and using it.
Import
import { ThemeEditorFontSizes } from '@hypertheme-editor/chakra-ui-font-sizes'
Usage
ThemeEditorFontSizes works with the ThemeEditorDrawer
component.
Put the ThemeEditFontSizes
component as a children of ThemeEditorDrawer
and set icon
and title
props like in this example:
function MyThemeEditor(props) {
return (
<ThemeEditor>
<ThemeEditorButton {...props} />
<ThemeEditorDrawer>
<ThemeEditorFontSizes icon={ImFontSize} title="Font Sizes" />
</ThemeEditorDrawer>
</ThemeEditor>
)
}
HyperTheme Editor
Powerful visual theme editor for your next Chakra UI project.
Learn more about it on the website: hyperthe.me
.
Documentation
Read the HyperTheme Editor documentation here.
License
HyperTheme Editor is licensed under the MIT License by Hyperting S.r.l..