/chakra-ui-svelte

An unofficial(yet) implementation of Chakra Ui for SvelteJS

Primary LanguageTypeScript

Welcome to chakra-ui-svelte 👋

An implementation of Chakra Ui in Svelte

Version Documentation Twitter: iamelcharitas Homepage Demo

Install

pnpm install chakra-ui-svelte
<script>
	import { Box, Button, ChakraProvider } from 'chakra-ui-svelte';
</script>

<ChakraProvider>
	<Box color="red">Chakra UI Svelte</Box>
	<button>Test Button</button>
</ChakraProvider>

The latest release has the following components

  • ChakraProvider - Which should wrap all other components
  • Box - The Basic component upon which every other component is built on
  • Icon
  • Logo
  • Text
  • VisuallyHidden
  • Button
  • IconButton - IconButton is still buggy and proper documentation is not yet available
  • Flex
  • Stack
  • HStack
  • VStack

Documentation would be available soon

Author

👤 elcharitas

Show your support

Give a ⭐️ if this project helped you!