> ## Documentation Index
> Fetch the complete documentation index at: https://docs.axle.energy/llms.txt
> Use this file to discover all available pages before exploring further.

# Smart charging intent

<iframe src="https://storybook.axle.energy/iframe.html?globals=&args=&id=forms-intent--default&viewMode=story" width="100%" height="480" frameBorder="0" title="Smart Charging Intent Component" className="p-6 rounded-lg shadow-sm border border-theme card-bg bg-white md:mx-8 my-8 text-gray-900 w-xs" />

# Details

Use the smart charging intent component to understand user requirements
for smart charging.

The component can be customised to collect charge requirements in different
forms:

* kWh (pictured above)
* Hours of charging
* % Charging
* % Target Charge

See the [smart-charging integration guide](../../workflows/smart-charging) for full details.

# How to use

This component can be embedded as a React component or an iFrame, and styled to match your brand.

See the [component playground](https://components.axle.energy/) for full details.