Form width (UI-Kit-2)

Forge
1

I have a Form https://developer.atlassian.com/platform/forge/ui-kit/components/form/

How can I change the width?

2

Hi @kim
I think you could have a try of XCSS component: https://developer.atlassian.com/platform/forge/ui-kit/components/xcss/
Hope it helps.
Thanks
YY

3 Likes
3

Hi @kim , you can use a Box component with a width and wrap it around Form

const formContainer = xcss({ width: '400px' })

const FormExample = () => {
    return (<Box xcss={formContainer}>
        <Form ... your form code here... />
    </Box>);
};
2 Likes