componentes

alert

Alert é um componente utilizado apresentar uma situação ou informação de destaque ao usuário.

demo interativa

Uma versão de interativa do componente desenvolvido.

propriedades*

propertydescriptionrequireddefault valuetype

variation

Badge style variation

falseerrorneutralprimaryinfosuccessalerterror

closable

Availability if close button at alert

falseundefinedboolean

icon

An Icon component from @olist/design-system-icons to be used in the alert.

falseundefinedReactNode

description

Description section

falseundefinedstring

onClose

OnClose function is called after pressing the close button

falseundefined() => void

visible

Visibity toggle

falsetrueboolean

title

Title section

falseundefinedstring

showIcon

Icon visibility toggle

falseundefinedboolean

*valores gerados automaticamente.

Migração do United para Olist Design System

Propriedades

UnitedOlist Design System
action❌
childrenchildren
closableclosable
descriptiondescription
messages❌
onCloseonClose
showvisible
titletitle
variationvariation
❌icon
❌showIcon

Variações Existentes

UnitedOlist Design System
alternateprimary
dangererror
shadowneutral
warningalert
❌info
❌success

custom call to action como era feito no cardfeedback do ui-commons