{"id":3346,"date":"2019-12-01T00:03:00","date_gmt":"2019-12-01T00:03:00","guid":{"rendered":"https:\/\/azoora.com\/blog\/?p=3346"},"modified":"2019-11-29T00:11:49","modified_gmt":"2019-11-29T00:11:49","slug":"chakra-ui-simple-modular-accessible-ui-components-for-react-apps","status":"publish","type":"post","link":"https:\/\/azoora.com\/blog\/code\/chakra-ui-simple-modular-accessible-ui-components-for-react-apps\/","title":{"rendered":"Chakra UI: Simple, Modular &#038; Accessible UI Components for React Apps"},"content":{"rendered":"\n<p><strong>Chakra UI<\/strong> is a simple, modular and accessible component library that gives you all the building blocks you need to build your React applications.<\/p>\n\n\n\n<h3><strong>Features<\/strong>:<\/h3>\n\n\n\n<ul><li><strong>Ease of Styling:<\/strong> Chakra UI contains a set of layout components like&nbsp;<code>Box<\/code>&nbsp;and&nbsp;<code>Stack<\/code>&nbsp;that make it easy to style your components by passing props.<\/li><li><strong>Flexible &amp; composable:<\/strong> Chakra UI components are built on top of a React UI Primitive for endless composability.<\/li><li><strong>Accessible:<\/strong> Chakra UI components follows the WAI-ARIA guidelines specifications and have the right&nbsp;<code>aria-*<\/code>&nbsp;attributes.<\/li><li><strong>Dark Mode:<\/strong> Most components in Chakra UI are dark mode compatible<\/li><\/ul>\n\n\n\n<blockquote class=\"wp-block-quote\"><p><strong>Demo<\/strong>: <a href=\"https:\/\/chakra-ui.com\/\">Link<\/a><\/p><p><strong>Download<\/strong>: <a href=\"https:\/\/github.com\/chakra-ui\/chakra-ui\/\">GitHub<\/a><\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>Chakra UI is a simple, modular and accessible component library that gives you all the building blocks you need to build your React applications. Features: Ease of Styling: Chakra UI contains a set of layout components like&nbsp;Box&nbsp;and&nbsp;Stack&nbsp;that make it easy to style your components by passing props. Flexible &amp; composable: Chakra UI components are built [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":3347,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[4,145,12],"tags":[25,146,87,133],"jetpack_featured_media_url":"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/chakra-ui.png","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/p7FQPL-RY","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/3346"}],"collection":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/comments?post=3346"}],"version-history":[{"count":1,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/3346\/revisions"}],"predecessor-version":[{"id":3348,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/3346\/revisions\/3348"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media\/3347"}],"wp:attachment":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media?parent=3346"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/categories?post=3346"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/tags?post=3346"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}