3.0.2 • Published 2 months ago

@chakra-ui/react v3.0.2

Weekly downloads
60,340
License
MIT
Repository
github
Last release
2 months ago

Welcome to Chakra UI ⚡️

All Contributors

  • Works out of the box. Chakra UI contains a set of polished React components that work out of the box.

  • Flexible & composable. Chakra UI components are built on top of a React UI Primitive for endless composability.

  • Accessible. Chakra UI components follows the WAI-ARIA guidelines specifications.

  • Dark Mode 😍: All components are dark mode compatible.

Looking for the documentation?

https://chakra-ui.com

Installing Chakra UI

⚡️Chakra UI is made up of multiple components and tools which you can import one by one. All you need to do is install the @chakra-ui/react package:

$ yarn add @chakra-ui/react
# or
$ npm install --save @chakra-ui/react

Getting set up

To start using the components, please follow these steps:

  1. Wrap your application in a ThemeProvider provided by @chakra-ui/react
import { ColorModeProvider, ThemeProvider } from "@chakra-ui/react"

const App = ({ children }) => (
  <ThemeProvider>
    <ColorModeProvider>{children}</ColorModeProvider>
  </ThemeProvider>
)

ColorModeProvider is a context that provides light mode and dark mode values to the components. It also comes with a function to toggle between light/dark mode.

  1. Now you can start using components like so!:
import { Button } from "@chakra-ui/react"

const App = () => <Button>I just consumed some ⚡️Chakra!</Button>

Contributing

Feel like contributing? That's awesome! We have a contributing guide to help guide you.

The components to be built come from the Aria Practices Design Patterns and Widgets.

Contributors ✨

Thanks goes to these wonderful people (emoji key):

This project follows the all-contributors specification. Contributions of any kind welcome!

@banditbadgod/react@ffaathir1/reta-button-location-test1@ffaathir1/reta-embed-locationdashbuilderteam-apollo-formschoc-paginatornext-chakra-linkweb-chakraextensionrita-typescript@instabuy/chakra-extension-rita@instabuy/chakra-uiiconex-atendiment-client@reverb-ui/test-react-package@dendronhq/dendron-next-server@pehaa/gatsby-theme-wp-childchakra_datatable_responsivexsell-ui@reverb-ui/testnotificatemegafood-pos-paymentzee-slidersmltesteerick-chakra-uierick-ctxsig-components@luan.nov/cm-storybookprobuddy-react-component@dotkomonline/yaclhomefile-storybook-chakra@mequedev/storybooktestsk-interface-teststardocs@beepsoft/ocho@beepsoft/ocho-2@beepsoft/ocho-3@beepsoft/ocho-6@infinitebrahmanuniverse/nolb-_chak@omni-dev/design-systemfarshid-test-package-1farshid-ui-kit@a1740942002/widget@bet-cloud/style-systemfarshid-kit-testfarshid-kit-test-123@unofficial-hds/hdssubra-componentstest-component-proj-bproxym-packageprx-packageprototypable-componentsdata-dexhistory-loannh-design-systemrfdesignsystem1.2.2@everything-registry/sub-chunk-164react-spreadsheet-import-custom@aidbase/test-element@kitql/websiterepbulicfinancedesign-systemghosty-widget@paras205/react-ts-startersidenav-lib-reactappeals-kitbrian-portfolio-ui@healform/liquidadmin-react-form-buildercoschool-ui-components-akcreaspuipolygona-3d-clientpippen-electrontask-card-inscrtaco-labs-uitartan-ui-kittauk_live_bottable_ui_coschooltable_view_customtable-cdatable-pagination-chakra-uitest-charkra-librarytest-fe-tasktest-fe-task-satest-microbundletest-mf-jstest-mf-slidertest-package-publish-uiwireguiwm-sliderwaleed-right-navwallpay-react-sdkwall-components-m3wall-components-meweb3-uiweb3pay-sdkwemeta-mapswords-app-componentswtg-supply-reactwynter-site-componentsrunnerverse-launchersa-ejs-chat-plugin-v2-translateshawn-dsz-mf-slidersharedlibraryexperimental
3.0.2

2 months ago

3.0.1

2 months ago

3.0.0-next.32

2 months ago

3.0.0

2 months ago

2.10.3

2 months ago

3.0.0-next.31

2 months ago

3.0.0-next.30

2 months ago

2.10.1

3 months ago

2.10.2

2 months ago

2.10.0

3 months ago

2.9.2

3 months ago

2.9.1

3 months ago

2.9.4

3 months ago

2.9.3

3 months ago

2.9.5

3 months ago

3.0.0-next.29

3 months ago

3.0.0-next.28

3 months ago

3.0.0-next.27

3 months ago

2.9.0

3 months ago

3.0.0-next.26

3 months ago

3.0.0-next.22

4 months ago

3.0.0-next.21

4 months ago

3.0.0-next.24

3 months ago

3.0.0-next.23

4 months ago

3.0.0-next.20

4 months ago

3.0.0-next.25

3 months ago

3.0.0-next.11

6 months ago

3.0.0-next.10

6 months ago

3.0.0-next.13

5 months ago

3.0.0-next.12

5 months ago

3.0.0-next.19

4 months ago

3.0.0-next.2

7 months ago

3.0.0-next.18

4 months ago

3.0.0-next.1

7 months ago

3.0.0-next.4

7 months ago

3.0.0-next.3

7 months ago

3.0.0-next.15

4 months ago

3.0.0-next.14

4 months ago

3.0.0-next.17

4 months ago

3.0.0-next.0

7 months ago

3.0.0-next.16

4 months ago

3.0.0-next.9

6 months ago

3.0.0-next.6

6 months ago

3.0.0-next.5

6 months ago

3.0.0-next.8

6 months ago

3.0.0-next.7

6 months ago

2.8.1

1 year ago

2.8.0

1 year ago

2.8.2

1 year ago

2.7.1

2 years ago

2.7.0

2 years ago

2.6.1

2 years ago

2.6.0

2 years ago

2.5.5

2 years ago

2.5.2

2 years ago

2.5.4

2 years ago

2.5.3

2 years ago

2.5.0

2 years ago

2.5.1

2 years ago

2.4.7

2 years ago

2.4.6

2 years ago

2.4.9

2 years ago

2.4.8

2 years ago

2.4.1

2 years ago

2.4.0

2 years ago

2.4.3

2 years ago

2.4.2

2 years ago

2.4.5

2 years ago

2.4.4

2 years ago

2.3.6

2 years ago

2.3.7

2 years ago

2.3.5

2 years ago

2.3.0

2 years ago

2.3.2

2 years ago

2.3.1

2 years ago

2.3.4

2 years ago

2.3.3

2 years ago

2.2.9

2 years ago

1.8.9

2 years ago

2.2.1

3 years ago

2.2.0

3 years ago

2.2.3

2 years ago

2.2.5

2 years ago

2.2.4

2 years ago

2.2.7

2 years ago

2.2.6

2 years ago

2.1.2

3 years ago

2.1.1

3 years ago

2.2.8

2 years ago

2.0.0-next.4

3 years ago

2.0.0-next.5

3 years ago

2.0.0-next.3

3 years ago

2.1.0

3 years ago

2.0.2

3 years ago

2.0.1

3 years ago

2.0.0

3 years ago

2.0.0-next.2

3 years ago

2.0.0-next.0

3 years ago

2.0.0-next.1

3 years ago

1.8.8

3 years ago

1.8.7

3 years ago

1.8.6

3 years ago

1.7.5

3 years ago

1.7.4

3 years ago

1.8.2

3 years ago

1.8.1

3 years ago

1.8.0

3 years ago

1.7.3

3 years ago

1.8.5

3 years ago

1.8.4

3 years ago

1.8.3

3 years ago

1.7.2

3 years ago

1.7.1

3 years ago

1.7.0

3 years ago

1.6.12

3 years ago

1.6.9

3 years ago

1.6.10

3 years ago

1.6.8

3 years ago

1.6.7

3 years ago

1.6.6-next.1

3 years ago

1.6.6

3 years ago

1.6.6-next.0

3 years ago

1.6.5

3 years ago

1.6.4

4 years ago

1.6.3

4 years ago

1.6.2

4 years ago

1.6.1

4 years ago

1.6.0

4 years ago

1.5.2

4 years ago

1.5.1

4 years ago

1.5.0

4 years ago

1.4.2

4 years ago

1.4.1

4 years ago

1.4.0

4 years ago

1.3.4

4 years ago

1.3.3

4 years ago

1.3.2

4 years ago

1.3.1

4 years ago

1.2.0

4 years ago

1.2.1

4 years ago

1.1.6

4 years ago

1.1.5

4 years ago

1.1.4

4 years ago

1.1.3

4 years ago

1.1.2

4 years ago

1.1.1

4 years ago

1.1.0

4 years ago

1.0.4

4 years ago

1.0.3

4 years ago

1.0.2

4 years ago

1.0.1

4 years ago

1.0.0

4 years ago