mirror of
https://gitlab.nic.cz/turris/reforis/foris-js.git
synced 2025-04-25 08:46:39 +02:00
docs: Update SubmitButton component
Change loading label and add to documentation.
This commit is contained in:
parent
ff13566f2a
commit
7afbd07ab4
@ -18,8 +18,11 @@ export const STATES = {
|
||||
};
|
||||
|
||||
SubmitButton.propTypes = {
|
||||
/** Disable button */
|
||||
disabled: PropTypes.bool,
|
||||
/** Button state */
|
||||
state: PropTypes.oneOf(Object.keys(STATES).map((key) => STATES[key])),
|
||||
/** Button label */
|
||||
label: PropTypes.string,
|
||||
};
|
||||
|
||||
@ -34,7 +37,7 @@ export function SubmitButton({ disabled, state, label, ...props }) {
|
||||
labelSubmitButton = _("Updating");
|
||||
break;
|
||||
case STATES.LOAD:
|
||||
labelSubmitButton = _("Load settings");
|
||||
labelSubmitButton = _("Loading");
|
||||
break;
|
||||
default:
|
||||
labelSubmitButton = _("Save");
|
||||
|
12
src/form/components/SubmitButton.md
Normal file
12
src/form/components/SubmitButton.md
Normal file
@ -0,0 +1,12 @@
|
||||
SubmitButton is a component that renders a button with different states based on
|
||||
the `state` prop. It can be used to indicate the status of a form submission.
|
||||
|
||||
```jsx padded
|
||||
<SubmitButton state={1} />
|
||||
|
||||
<SubmitButton state={2} />
|
||||
|
||||
<SubmitButton state={3} />
|
||||
|
||||
<SubmitButton label="Submitting" state={2} />
|
||||
```
|
Loading…
x
Reference in New Issue
Block a user