GGLinnk/foris-js
1
0
Fork 0
mirror of https://gitlab.nic.cz/turris/reforis/foris-js.git synced 2025-04-20 08:16:38 +02:00
Code Issues Releases Activity

Update SubmitButton component: change loading label and add documentation

Browse Source
This commit is contained in:
Aleksandr Gumroian 2025-04-17 17:14:39 +02:00
parent b43a007e11
commit 2f202ddff8
No known key found for this signature in database
GPG Key ID: 9E77849C64F0A733
2 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/form/components/SubmitButton.js
View File

@ -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
View 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} />
```