Label

Variant

Filled

Outlined

Ghost

import { Label } from '../../src/components';


// ----------------------------------------------------------------------


<Label variant="filled" sx={{ m: 1 }}>
  Filled
</Label>


<Label variant="outlined" sx={{ m: 1 }}>
  Outlined
</Label>


<Label variant="ghost" sx={{ m: 1 }}>
  Ghost
</Label>
Colors

Primary

Primary

Primary

Secondary

Secondary

Secondary

Info

Info

Info

Success

Success

Success

Warning

Warning

Warning

Error

Error

Error

import { Label } from '../../src/components';


// ----------------------------------------------------------------------


<Label variant="filled" color="primary" sx={{ m: 1 }}>
  Primary
</Label>


<Label variant="outlined" color="primary" sx={{ m: 1 }}>
  Primary
</Label>


<Label variant="ghost" color="primary" sx={{ m: 1 }}>
  Primary
</Label>


<Label variant="filled" color="secondary" sx={{ m: 1 }}>
  Secondary
</Label>


<Label variant="outlined" color="secondary" sx={{ m: 1 }}>
  Secondary
</Label>


<Label variant="ghost" color="secondary" sx={{ m: 1 }}>
  Secondary
</Label>


<Label variant="filled" color="info" sx={{ m: 1 }}>
  Info
</Label>


<Label variant="outlined" color="info" sx={{ m: 1 }}>
  Info
</Label>


<Label variant="ghost" color="info" sx={{ m: 1 }}>
  Info
</Label>


<Label variant="filled" color="success" sx={{ m: 1 }}>
  Success
</Label>


<Label variant="outlined" color="success" sx={{ m: 1 }}>
  Success
</Label>


<Label variant="ghost" color="success" sx={{ m: 1 }}>
  Success
</Label>


<Label variant="filled" color="warning" sx={{ m: 1 }}>
  Warning
</Label>


<Label variant="outlined" color="warning" sx={{ m: 1 }}>
  Warning
</Label>


<Label variant="ghost" color="warning" sx={{ m: 1 }}>
  Warning
</Label>


<Label variant="filled" color="error" sx={{ m: 1 }}>
  Error
</Label>


<Label variant="outlined" color="error" sx={{ m: 1 }}>
  Error
</Label>


<Label variant="ghost" color="error" sx={{ m: 1 }}>
  Error
</Label>