Common front-end components for Web using the Tesseract design system, written for React. https://make.modal.sh/tesseract/web/react/common
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
 
 
 
 

44 lignes
810 B

  1. import * as React from 'react'
  2. import * as PropTypes from 'prop-types'
  3. import styled from 'styled-components'
  4. const Base = styled('span')({
  5. // TODO add styles
  6. })
  7. const propTypes = {
  8. /**
  9. * Name.
  10. */
  11. name: PropTypes.string.isRequired,
  12. // TODO add prop types
  13. }
  14. type Props = PropTypes.InferProps<typeof propTypes>
  15. /**
  16. * {{description}}
  17. * @param {string} name - Name.
  18. * @param {object} etcProps - The rest of the props.
  19. * @returns {React.ReactElement} The component elements.
  20. */
  21. const {{pascalCase name}}: React.FC<Props> = ({
  22. name,
  23. // TODO define more props
  24. ...etcProps
  25. }) => {
  26. // TODO put something before render, e.g. hooks
  27. return (
  28. <Base
  29. {...etcProps}
  30. >
  31. {name}
  32. </Base>
  33. )
  34. }
  35. {{pascalCase name}}.propTypes = propTypes
  36. export default {{pascalCase name}}