Skip to main content

Standard

The minimum you need to provide is the skills prop to render a bar.

import SkillBar from 'react-skillbars';

const skills = [
  { type: 'Java', level: 100 },
  { type: 'React', level: 85 },
  { type: 'Javascript', level: 75 },
  { type: 'Spring', level: 50 },
  { type: 'Docker', level: 25 },
  { type: 'HTML', level: 20 },
  { type: 'NoSQL', level: 0 }
];
<SkillBar skills={skills}/>
Java
100%
React
85%
Javascript
75%
Spring
50%
Docker
25%
HTML
20%
NoSQL
0%