Common front-end components for Web using the Tesseract design system, written for React. https://make.modal.sh/tesseract/web/react/common
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
 
 
 
 

44 linhas
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}}