Non Ideal State | React | Anduin Design

A Non-Ideal State represents situations where content isn't available or something prevents the normal view from appearing. Use this component to communicate empty states, errors, or other exceptional scenarios.

NonIdealStateR(
  icon = {
    Icon(_.Send, size = 48, color = _.Gray7)
  },
  title = "You haven't sent any requests",
  description = "Create a request to get started",
  action = {
    Button(
      style = _.Full(color = _.Primary, icon = _.Plus)
    )("Create new request")
  }
)()

NonIdealStateR(  icon = {    Icon(_.Send, size = 48, color = _.Gray7)  },  title = "You haven't sent any requests",  description = "Create a request to get started",  action = {    Button(      style = _.Full(color = _.Primary, icon = _.Plus)    )("Create new request")  })()