re-antd

re-antd is a ClojureScript library wrapper of Ant Design React components for Reagent.

re-antd is a fork from Antizer, and re-antd tries to be compatible with shadow-cljs and keep up with antd updates.

Resources

• Antizer Documentation

• Ant Design Component Documentation

Status

Supported Ant Design Version

Date	Version
2019.06.23	3.19.0

Changes

Mention (Deprecated):

• Mention
• Mention.Nav

Usage

To use re-antd, add the following to deps:

[re-antd "${re-antd_version}"]

It is also necessary to include the relevant Ant Design CSS stylesheet in your HTML page. There are two ways that the CSS files can be included:

1. Loading the CSS stylesheet from an external CDN:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/antd/${antd_version}/antd.min.css">

where ${antd_version} must be the same antd library version as the one that Antizer is being linked to.

You can also follow the instructions for customization with LESS here.

Quick Example

For Reagent:

(require '[re-antd :as antd])
(require '[reagent.core :as r])

(defn click-me []
  [antd/button {:on-click #(ant/message-info "Hello Reagent!")} "Click me"])

(defn init! []
  (r/render [click-me] (.-body js/document)))

Acknowledgement

Thanks to Antizer.

Thanks to Ant Design, Reagent, and of course ClojureScript, without which this project would not be possible.