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

falsefalseboolean

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

falsefalseboolean

*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