An implementation of Chakra Ui in Svelte
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
๐ค elcharitas
- Website: https://elcharitas.dev
- Twitter: @iamelcharitas
- Github: @elcharitas
- LinkedIn: @elcharitas
Give a โญ๏ธ if this project helped you!