Skip to main content

Empty content

Give different contents with empty content component.

Steps#

Example#

Simple empty content with title and description. content prop cannot be empty.

1

Larry the Bird.

Larry the Bird. Larry Joe Bird (born December 7, 1956) is an American former professional basketball player, coach and executive in the National Basketball Association (NBA). Nicknamed 'the Hick from French Lick' and 'Larry Legend,' Bird is widely regarded as one of the greatest basketball players of all time.

<>
<EmptyContent content={{steps:[{title:"Larry the Bird.", description:"Larry the Bird. Larry Joe Bird (born December 7, 1956) is an American former professional basketball player, coach and executive in the National Basketball Association (NBA). Nicknamed 'the Hick from French Lick' and 'Larry Legend,' Bird is widely regarded as one of the greatest basketball players of all time. "}]}} />
</>

Button#

Add button with link by adding url prop to steps array. Hover the button text to see link.

1

Larry the Bird.

Larry the Bird. Larry Joe Bird (born December 7, 1956) is an American former professional basketball player, coach and executive in the National Basketball Association (NBA). Nicknamed 'the Hick from French Lick' and 'Larry Legend,' Bird is widely regarded as one of the greatest basketball players of all time.

<>
<EmptyContent content={{steps:[{title:"Larry the Bird.", description:"Larry the Bird. Larry Joe Bird (born December 7, 1956) is an American former professional basketball player, coach and executive in the National Basketball Association (NBA). Nicknamed 'the Hick from French Lick' and 'Larry Legend,' Bird is widely regarded as one of the greatest basketball players of all time. ", url:"/"}]}} />
</>

Button text#

Add button text by adding urlText prop to steps array.

1

Larry the Bird.

Larry the Bird. Larry Joe Bird (born December 7, 1956) is an American former professional basketball player, coach and executive in the National Basketball Association (NBA). Nicknamed 'the Hick from French Lick' and 'Larry Legend,' Bird is widely regarded as one of the greatest basketball players of all time.

<>
<EmptyContent content={{steps:[{title:"Larry the Bird.", description:"Larry the Bird. Larry Joe Bird (born December 7, 1956) is an American former professional basketball player, coach and executive in the National Basketball Association (NBA). Nicknamed 'the Hick from French Lick' and 'Larry Legend,' Bird is widely regarded as one of the greatest basketball players of all time. ", url:"/", urlText:"urlText"}]}} />
</>

isOutside#

Button without link.

1

Larry the Bird.

Larry the Bird. Larry Joe Bird (born December 7, 1956) is an American former professional basketball player, coach and executive in the National Basketball Association (NBA). Nicknamed 'the Hick from French Lick' and 'Larry Legend,' Bird is widely regarded as one of the greatest basketball players of all time.

<>
<EmptyContent content={{steps:[{title:"Larry the Bird.", description:"Larry the Bird. Larry Joe Bird (born December 7, 1956) is an American former professional basketball player, coach and executive in the National Basketball Association (NBA). Nicknamed 'the Hick from French Lick' and 'Larry Legend,' Bird is widely regarded as one of the greatest basketball players of all time. ", url:"/", urlText:"urlText", isOutside:true}]}} />
</>

Icon#

Add icon instead of content number by adding icon prop to steps array.

Larry the Bird.

Larry the Bird. Larry Joe Bird (born December 7, 1956) is an American former professional basketball player, coach and executive in the National Basketball Association (NBA). Nicknamed 'the Hick from French Lick' and 'Larry Legend,' Bird is widely regarded as one of the greatest basketball players of all time.

<>
<EmptyContent content={{steps:[{title:"Larry the Bird.", description:"Larry the Bird. Larry Joe Bird (born December 7, 1956) is an American former professional basketball player, coach and executive in the National Basketball Association (NBA). Nicknamed 'the Hick from French Lick' and 'Larry Legend,' Bird is widely regarded as one of the greatest basketball players of all time. ", icon:"lightbulb-alt"}]}} />
</>

Title#

Add content title by title prop and description by description prop to content array.

Title

Description

1

Larry the Bird.

Larry the Bird. Larry Joe Bird (born December 7, 1956) is an American former professional basketball player, coach and executive in the National Basketball Association (NBA). Nicknamed 'the Hick from French Lick' and 'Larry Legend,' Bird is widely regarded as one of the greatest basketball players of all time.

<>
<EmptyContent content={{title:"Title", description:"Description", steps:[{title:"Larry the Bird.", description:"Larry the Bird. Larry Joe Bird (born December 7, 1956) is an American former professional basketball player, coach and executive in the National Basketball Association (NBA). Nicknamed 'the Hick from French Lick' and 'Larry Legend,' Bird is widely regarded as one of the greatest basketball players of all time. "}]}} />
</>

Url#

Add url by url and urlText props to content array.

Title

Description url Text

1

Larry the Bird.

Larry the Bird. Larry Joe Bird (born December 7, 1956) is an American former professional basketball player, coach and executive in the National Basketball Association (NBA). Nicknamed 'the Hick from French Lick' and 'Larry Legend,' Bird is widely regarded as one of the greatest basketball players of all time.

<>
<EmptyContent content={{title:"Title", description:"Description", steps:[{title:"Larry the Bird.", description:"Larry the Bird. Larry Joe Bird (born December 7, 1956) is an American former professional basketball player, coach and executive in the National Basketball Association (NBA). Nicknamed 'the Hick from French Lick' and 'Larry Legend,' Bird is widely regarded as one of the greatest basketball players of all time. "}], url:"url", urlText:"url Text"}} />
</>

Vertical#

Show content boxes vertically by vertical prop. In this state maxItemWidth will be "420px".

Title

Description

1

Larry the Bird.

Larry the Bird. Larry Joe Bird (born December 7, 1956) is an American former professional basketball player, coach and executive in the National Basketball Association (NBA). Nicknamed 'the Hick from French Lick' and 'Larry Legend,' Bird is widely regarded as one of the greatest basketball players of all time.

2

Larry the Bird.

Larry the Bird. Larry Joe Bird (born December 7, 1956) is an American former professional basketball player, coach and executive in the National Basketball Association (NBA). Nicknamed 'the Hick from French Lick' and 'Larry Legend,' Bird is widely regarded as one of the greatest basketball players of all time.

<>
<EmptyContent content={{title:"Title", description:"Description", steps:[{title:"Larry the Bird.", description:"Larry the Bird. Larry Joe Bird (born December 7, 1956) is an American former professional basketball player, coach and executive in the National Basketball Association (NBA). Nicknamed 'the Hick from French Lick' and 'Larry Legend,' Bird is widely regarded as one of the greatest basketball players of all time. "},{title:"Larry the Bird.", description:"Larry the Bird. Larry Joe Bird (born December 7, 1956) is an American former professional basketball player, coach and executive in the National Basketball Association (NBA). Nicknamed 'the Hick from French Lick' and 'Larry Legend,' Bird is widely regarded as one of the greatest basketball players of all time. "}], url:"", urlText:""}} vertical={true} />
</>

Max width#

Declare max width of content box by maxItemWidth prop.

Title

Description

1

Larry the Bird.

Larry the Bird. Larry Joe Bird (born December 7, 1956) is an American former professional basketball player, coach and executive in the National Basketball Association (NBA). Nicknamed 'the Hick from French Lick' and 'Larry Legend,' Bird is widely regarded as one of the greatest basketball players of all time.

<>
<EmptyContent content={{title:"Title", description:"Description", steps:[{title:"Larry the Bird.", description:"Larry the Bird. Larry Joe Bird (born December 7, 1956) is an American former professional basketball player, coach and executive in the National Basketball Association (NBA). Nicknamed 'the Hick from French Lick' and 'Larry Legend,' Bird is widely regarded as one of the greatest basketball players of all time. "}], url:"", urlText:""}} maxItemWidth="300px" />
</>

API#

import Namecard from "erxes-ui/lib/components/namecard/Namecard";

* required prop

NameTypeDefualtDescription
content*stepstitlestringDefine title of step
descriptionstringDefine description of step
urlstringDefine url of button
urlTextstringDefine url text of button
iconstringReplace step number with icon
isOutsidebooleanHides button link
titlestringDefine title of content
descriptionstringDefine description of content
urlstringDefine url link of content
urlTextstringDefine url text of content
verticalbooleanShows content box vertically
maxItemWidthstringDeclare max width of content box
Last updated on by enkhzule