dobrado

tabs_funcionando

Mar 16th, 2020
224
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.63 KB | None | 0 0
  1. import Tabs from '@material-ui/core/Tabs';
  2. import Tab from '@material-ui/core/Tab';
  3.  
  4. import React from 'react';
  5.  
  6. const statusList = [
  7. {
  8. value: 'rascunho',
  9. label: 'Rascunho',
  10. },
  11. {
  12. value: 'publicado',
  13. label: 'Publicado',
  14. },
  15. {
  16. value: 'recebendo',
  17. label: 'Recebendo Inscrições',
  18. },
  19. {
  20. value: 'finalizado',
  21. label: 'Finalizada',
  22. },
  23. {
  24. value: 'arquivado',
  25. label: 'Arquivada',
  26. },
  27. ];
  28. const TabComponent = () => (
  29. <Tabs aria-label="simple tabs example">
  30. {statusList.map((item) => (<Tab label={item.label} />))}
  31. </Tabs>
  32. );
  33.  
  34. export default TabComponent;
Advertisement
Add Comment
Please, Sign In to add comment