SUI ListBullet
npm install @s-ui/react-list-bullet> Bullet list component
> It has two behaviours, standard, responsive and responsive block.
!demo
``sh`
$ npm install @s-ui/react-list-bullet --save
`js
import ListBullet from '@s-ui/react-list-bullet'
const listItems = [
{
illustration: 'https://s.ccdn.es/images/motivation-search.svg',
title: 'Publica con total seguridad',
text:
'Te damos todas las herramientas para un proceso de venta seguro'
},
{
illustration: 'https://s.ccdn.es/images/motivation-trust.svg',
title: 'Gestiona tu anuncio según tus necesidades',
text: 'Edita y renueva tu anuncio tantas veces como necesites'
}
]
return (
`
`js
import ListBullet from '@s-ui/react-list-bullet'
const listItems = [
{
illustration: 'https://s.ccdn.es/images/motivation-search.svg',
title: 'Publica con total seguridad',
text:
'Te damos todas las herramientas para un proceso de venta seguro'
},
{
illustration: 'https://s.ccdn.es/images/motivation-trust.svg',
title: 'Gestiona tu anuncio según tus necesidades',
text: 'Edita y renueva tu anuncio tantas veces como necesites'
}
]
return (
`
`js
import ListBullet from '@s-ui/react-list-bullet'
const listItems = [
{
illustration: 'https://s.ccdn.es/images/motivation-search.svg',
title: 'Publica con total seguridad',
text:
'Te damos todas las herramientas para un proceso de venta seguro'
},
{
illustration: 'https://s.ccdn.es/images/motivation-trust.svg',
title: 'Gestiona tu anuncio según tus necesidades',
text: 'Edita y renueva tu anuncio tantas veces como necesites'
}
]
return (
``
> Find full description and more examples in the demo page.