vitess.io/vitess@v0.16.2/web/vtadmin/src/components/inputs/Label.tsx (about)

     1  /**
     2   * Copyright 2021 The Vitess Authors.
     3   *
     4   * Licensed under the Apache License, Version 2.0 (the "License");
     5   * you may not use this file except in compliance with the License.
     6   * You may obtain a copy of the License at
     7   *
     8   *     http://www.apache.org/licenses/LICENSE-2.0
     9   *
    10   * Unless required by applicable law or agreed to in writing, software
    11   * distributed under the License is distributed on an "AS IS" BASIS,
    12   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    13   * See the License for the specific language governing permissions and
    14   * limitations under the License.
    15   */
    16  import * as React from 'react';
    17  
    18  import style from './Label.module.scss';
    19  
    20  type NativeLabelProps = React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
    21  
    22  interface Props extends NativeLabelProps {
    23      label: string;
    24      required?: boolean;
    25  }
    26  
    27  export const Label: React.FunctionComponent<Props> = ({ children, required, label, ...props }) => {
    28      return (
    29          <label {...props}>
    30              <span className={style.label}>{label}</span>
    31              {required && <span className="text-danger"> *</span>}
    32              {children}
    33          </label>
    34      );
    35  };