Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>chakra-ui-snippetsNew to Visual Studio Code? Get it now.

chakra-ui-snippets

wei hong

|
107 installs
| (0) | Free
Chakra UI Snippets is a collection of code snippets for the Chakra UI library for React. It is designed to help developers quickly and easily add Chakra UI components to their projects.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

chakra-ui-snippets README

Chakra UI Snippets Extension is designed to help developers quickly and easily add components to their projects.

Release Notes

0.0.1

  • support chakra-ui layouts
  • support chakra-ui forms

0.0.2

  • support chakra-ui data display (code, divider, kbd, tag)

0.0.3

  • support chakra-ui a part hooks (useClipboard useDisclosure useOutsideClick useTheme)

0.0.4

  • support chakra-ui hooks
    • useBoolean
    • useBreakpointValue
    • useConst
    • useControllable
    • useDimensions
    • useMediaQuery
    • useMergeRefs
    • usePrefersReducedMotion
    • useToken

0.0.5

  • support quickly snippets

    • Avatar
    • Icon
    • Image
  • support imports snippets

    • Button
    • ButtonGroup
    • Editable
    • EditableInput
    • EditableTextarea
    • EditablePreview
    • Checkbox
    • CheckboxGroup
    • IconButton
    • Radio
    • RadioGroup
    • Select
    • Switch
    • Textarea
    • NumberInput
    • NumberInputField
    • NumberInputStepper
    • NumberIncrementStepper
    • NumberDecrementStepper
    • PinInput
    • PinInputField
    • FormControl
    • FormLabel
    • FormErrorMessage
    • FormHelperText
    • Slider
    • SliderTrack
    • SliderFilledTrack
    • SliderThumb
    • SliderMark
    • RangeSlider
    • RangeSliderTrack
    • RangeSliderFilledTrack
    • RangeSliderThumb
    • Badge
    • Code
    • Divider
    • Kbd
    • Tag

Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft