Focus Field

1export function FocusField() {2  return (3    <label className="demo-input">4      <span>Project name</span>5      <input placeholder="e.g. microkit-web" />6    </label>7  );8}

1.demo-input {2  width: 210px;3  display: block;4}5.demo-input span {6  display: block;7  margin: 0 0 7px;8  color: #9298a1;9  font: 10px ui-monospace, SFMono-Regular, Menlo, monospace;10}11.demo-input input {12  width: 100%;13  border: 1px solid #363a42;14  border-radius: 5px;15  background: #15171b;16  padding: 8px;17  color: #e8ebee;18  font-size: 11px;19  outline: 0;20}21.demo-input input:focus {22  border-color: #f97316;23  box-shadow: 0 0 0 3px #f9731625;24}