You are currently viewing outdated (<=3.x) Chameleon documentation on our old website. For version >=4.x, check out our new website.

Current release: 3.5.0 | hub

10 March 2020

Version 0.5.0 ()

Our second official release includes a whole bunch of new components.

Form elements

This release focused on tackling the more obvious form elements. A set of standard form elements were still missing, but this release aims to solve most needs when it comes to forms.

Select fields, switches, radio buttons and fieldsets are included in this release.

Utility

Next to our focus on forms, we also now provide components that are more utility-based. Screenreader components render their children, but still exposes them to screenreaders.

Responsiveness can now also added to patterns that use our components. While some technical restrictions that are outside of our control limit us to provide full baked-in responsiveness, we now provide a custom React hook. You can use this hook to generate a value that will change based on screen width. You can then pass this value as a prop to a component, making it auto adapt when changing dimensions.

Lastly, and continuing on the responive bandwagon, we also provide a Hidden component that will visually hide its children between or outside of certain breakpoints.

Cloning a box

Box components now accept a clone prop. This clone prop will copy the resulting styling from its passed-in props right onto its child. However, do note that not all props that the Box component accepts, will all be passed through to its children. We don't want to allow full freedom, e.g. we don't want a button's padding to be adaptable by adding a box around it with a clone prop. To have a clear overview of all cloneable props, you can check every component's page. There's an overview of the cloneable props there, right under the props table.

Expanding design guidelines

Our first release had a single component that had a dedicated page to illustrate how it should be used in design. This releases adds design guidelines to a few more components. This is an ongoing process, so expect the next few releases to contain design guidelines additions.

Looking forward

Every release, we'll try to give you an insight on our plans for the next release. That way you know what to expect, and see how you can adapt to our new features.

Next release will include more branding options. Currently, most components don't differ that much when it comes to branding, but that's because they are low-level building blocks. With the Loader and BrandedHeader component, brands will have bigger freedom to differentiate. Our efforts in the form department will also continue. Next release,

we'll have a Datepicker and the possibility to provide masks to your input fields.

Another aim of the next release will be Modals, Dialogs, Popovers, Tooltips. The exact implementation is to be seen.

Lastly we also want to provide you with an even clearer overview of when to expect what component. We'll be doing this by adding an overview table to our components page that will, in rough lines, highlight our current roadmap.