Form Footer

For group form buttons.

Install

import {FormFooter} from '@xsolla/uikit';

Examples

Single button
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reiciendis excepturi molestias perferendis illo ab iste optio alias impedit voluptatum tempora, deserunt aliquid. Magnam nihil dolores ducimus ipsa impedit eaque rerum, laboriosam sequi placeat possimus aut libero hic, voluptatem fugiat architecto iste autem obcaecati harum accusamus iure sed. Veritatis, dolore error.
Form
Value
Value

Usage

<FormFooter>
  <Button appearance="outline">Discard changes</Button>
  <div>
    <ValidationMessage>Error</ValidationMessage>
    <Button type="submit">Save changes</Button>
  </div>
</FormFooter>

API

PropertyDescriptionTypeDefault
childrencontent for form-footerReact.Node
downdown footer to bottombooleantrue
stickysticky to bottom (use only in modal)booleanfalse
ignoreCenteredignore align center if one childrenbooleanfalse
toEndflex end for one child in inner contentbooleanfalse
compactfooter with small margin-topbooleanfalse
classNameJSX classNamestringnull