componentes
alert
Alert é um componente utilizado apresentar uma situação ou informação de destaque ao usuário.
índice
demo interativa
Uma versão de interativa do componente desenvolvido.
propriedades*
property | description | required | default value | type |
---|---|---|---|---|
variation | Badge style variation | false | error | neutral primary info success alert error |
closable | Availability if close button at alert | false | false | boolean |
icon | An Icon component from | false | undefined | ReactNode |
description | Description section | false | undefined | string |
onClose | OnClose function is called after pressing the close button | false | undefined | () => void |
visible | Visibity toggle | false | true | boolean |
title | Title section | false | undefined | string |
showIcon | Icon visibility toggle | false | false | boolean |
*valores gerados automaticamente.
Migração do United para Olist Design System
Propriedades
United | Olist Design System |
---|---|
action | ❌ |
children | children |
closable | closable |
description | description |
messages | ❌ |
onClose | onClose |
show | visible |
title | title |
variation | variation |
❌ | icon |
❌ | showIcon |
Variações Existentes
United | Olist Design System |
---|---|
alternate | primary |
danger | error |
shadow | neutral |
warning | alert |
❌ | info |
❌ | success |