5.22.3 • Published 8 months ago

@rjsf/chakra-ui v5.22.3

Weekly downloads
-
License
Apache-2.0
Repository
-
Last release
8 months ago

Build Status npm npm downloads Contributors Apache 2.0 License

Table of Contents

About The Project

@rjsf/chakra-ui Screen Shot

Exports chakra-ui theme, fields and widgets for react-jsonschema-form.

Built With

Getting Started

Prerequisites

  • @chakra-ui/react >= 1.7.0
  • chakra-react-select >= 3.3.8
  • react >= 17.0.0
  • framer-motion >= 5.0.0
  • @rjsf/core >= 2.0.0

Refer to the rjsf installation guide and chakra-ui installation guide and for more details.


Installation

yarn add @chakra-ui/react@^1.7 @emotion/react@^11 @emotion/styled@^11 framer-motion@^5
yarn add @rjsf/chakra-ui @rjsf/core

Usage

import Form from '@rjsf/chakra-ui';

or

import { withTheme } from '@rjsf/core';
import { Theme as ChakraUITheme } from '@rjsf/chakra-ui';

// Make modifications to the theme with your own fields and widgets

const Form = withTheme(ChakraUITheme);

Optional Chakra UI Theme properties

  • To pass additional properties to widgets, see this guide.

You can use ChakraProvider, to customize the components at a theme level.\ And, uiSchema allows for the use of a "chakra" "ui:option" to customize the styling of the form widgets.

Custom Chakra uiSchema Chakra Property

{
  "ui:options": {
    "chakra": {
      "p": "1rem",
      "color": "blue.200",
      "sx": {
        "margin": "0 auto"
      }
    }
  }
}

It accepts the theme accessible style props provided by Chakra and Emotion.

Roadmap

See the open issues for a list of proposed features (and known issues).

Contributing

Read our contributors' guide to get started.

Contact

rjsf team: https://github.com/orgs/rjsf-team/people

GitHub repository: https://github.com/rjsf-team/react-jsonschema-form

5.22.3

8 months ago

5.22.2

8 months ago

5.22.1

9 months ago

5.22.0

9 months ago

5.21.2

9 months ago

5.21.1

10 months ago

5.21.0

10 months ago

6.0.0-alpha.0

11 months ago

5.18.6

1 year ago

5.18.5

1 year ago

5.19.4

11 months ago

5.19.3

12 months ago

5.19.2

12 months ago

5.19.1

12 months ago

5.19.0

1 year ago

5.20.1

10 months ago

5.20.0

11 months ago

5.18.4

1 year ago

5.18.3

1 year ago

5.18.2

1 year ago

5.18.1

1 year ago

5.18.0

1 year ago

5.17.1

1 year ago

5.17.0

1 year ago

5.16.1

1 year ago

5.16.0

1 year ago

5.15.1

2 years ago

5.15.0

2 years ago

5.13.2

2 years ago

5.13.1

2 years ago

5.13.0

2 years ago

5.11.2

2 years ago

5.11.1

2 years ago

5.14.3

2 years ago

5.14.2

2 years ago

5.14.1

2 years ago

5.12.1

2 years ago

5.12.0

2 years ago

5.10.0

2 years ago

5.13.6

2 years ago

5.13.5

2 years ago

5.13.4

2 years ago

5.13.3

2 years ago

5.9.0

2 years ago

5.8.2

2 years ago

5.8.1

2 years ago

5.8.0

2 years ago

5.7.3

2 years ago

5.7.2

2 years ago

5.7.1

2 years ago

5.7.0

2 years ago

5.6.0

2 years ago

5.5.1

2 years ago

5.5.0

2 years ago

5.4.0

2 years ago

5.3.1

2 years ago

5.3.0

2 years ago

5.2.1

2 years ago

5.2.0

2 years ago

5.6.2

2 years ago

5.5.2

2 years ago

5.0.2

2 years ago

5.1.0

2 years ago

5.0.1

2 years ago

5.0.0

2 years ago

5.0.0-beta.20

2 years ago

5.0.0-beta.15

3 years ago

5.0.0-beta.16

2 years ago

5.0.0-beta.14

3 years ago

5.0.0-beta.19

2 years ago

5.0.0-beta.17

2 years ago

5.0.0-beta.18

2 years ago

5.0.0-beta.11

3 years ago

5.0.0-beta.12

3 years ago

5.0.0-beta.13

3 years ago

5.0.0-beta.10

3 years ago

5.0.0-beta.8

3 years ago

5.0.0-beta.9

3 years ago

5.0.0-beta.6

3 years ago

5.0.0-beta.4

3 years ago

5.0.0-beta.5

3 years ago

5.0.0-beta.2

3 years ago

5.0.0-beta.1

3 years ago

4.2.3

3 years ago

4.2.2

3 years ago

4.2.1

3 years ago

4.2.0

3 years ago

4.1.1

3 years ago

4.1.0

3 years ago

4.0.1

3 years ago

4.0.0

3 years ago