Web: files: Added password input component.
This commit is contained in:
parent
0fc88adaa5
commit
99ac48051d
@ -0,0 +1,42 @@
|
||||
import React, { useState } from "react";
|
||||
import PasswordInput from "@appserver/components/password-input";
|
||||
import Button from "@appserver/components/button";
|
||||
import styled, { css } from "styled-components";
|
||||
|
||||
const StyledBody = styled.div`
|
||||
display: flex;
|
||||
width: 468px;
|
||||
|
||||
#conversion-button {
|
||||
margin-left: 8px;
|
||||
}
|
||||
#conversion-password {
|
||||
width: 382px;
|
||||
}
|
||||
`;
|
||||
const PasswordComponent = ({}) => {
|
||||
const [password, setPassword] = useState();
|
||||
const onClick = () => {
|
||||
console.log("on click");
|
||||
};
|
||||
return (
|
||||
<StyledBody>
|
||||
<PasswordInput
|
||||
simpleView
|
||||
id="conversion-password"
|
||||
type="password"
|
||||
inputValue={password}
|
||||
/>
|
||||
<Button
|
||||
id="conversion-button"
|
||||
size="medium"
|
||||
scale
|
||||
primary
|
||||
label={"Button Text"}
|
||||
onClick={onClick}
|
||||
/>
|
||||
</StyledBody>
|
||||
);
|
||||
};
|
||||
|
||||
export default PasswordComponent;
|
Loading…
Reference in New Issue
Block a user