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!