Sha256: 9f718d40449b61e98f028b4d303fa57a71adbe1dcb60518c7851965d193c8a47

Contents?: true

Size: 683 Bytes

Versions: 6

Compression:

Stored size: 683 Bytes

Contents

import { ListItemText, ListItemButton, ListItemIcon } from '@mui/material'
import PropTypes from 'prop-types'
import { Link } from 'react-router-dom'

export const SidebarLink = ({ label, icon, route }) => {
  return (
    <ListItemButton
      component={Link}
      to={route}
      sx={{ py: 0, px: 1 }}
    >
      <ListItemIcon
        sx={{
          minWidth: 30
        }}
      >
        {icon}
      </ListItemIcon>
      <ListItemText
        primaryTypographyProps={{ fontSize: 14, fontWeight: 'medium' }}
        primary={label}
      />
    </ListItemButton>

  )
}

SidebarLink.propTypes = {
  label: PropTypes.string,
  icon: PropTypes.node,
  to: PropTypes.string
}

Version data entries

6 entries across 6 versions & 1 rubygems

Version Path
flamerb-0.3.0 templates/frontend/common/components/sidebar/sidebar-link.jsx
flamerb-0.2.3 templates/frontend/common/components/sidebar/sidebar-link.jsx
flamerb-0.2.0 templates/frontend/common/components/sidebar/sidebar-link.jsx
flamerb-0.1.3 templates/frontend/common/components/sidebar/sidebar-link.jsx
flamerb-0.1.2 templates/frontend/common/components/sidebar/sidebar-link.jsx
flamerb-0.1.1 templates/frontend/common/components/sidebar/sidebar-link.jsx