BulletList

Examples
Standard Bullets
Theme: seekAnz
  • This is a bullet.
  • This is a bullet.
  • This is a bullet.
Theme: seekBusiness
  • This is a bullet.
  • This is a bullet.
  • This is a bullet.
Theme: jobsDbRebrand
  • This is a bullet.
  • This is a bullet.
  • This is a bullet.
Theme: jobsDb
  • This is a bullet.
  • This is a bullet.
  • This is a bullet.
Theme: jobStreet
  • This is a bullet.
  • This is a bullet.
  • This is a bullet.
Theme: jobStreetClassic
  • This is a bullet.
  • This is a bullet.
  • This is a bullet.
Theme: wireframe
  • This is a bullet.
  • This is a bullet.
  • This is a bullet.
Code:
<BulletList>
  <Bullet>This is a bullet.</Bullet>
  <Bullet>This is a bullet.</Bullet>
  <Bullet>This is a bullet.</Bullet>
</BulletList>
Small Bullets
Theme: seekAnz
  • This is a small bullet.
  • This is a small bullet.
  • This is a small bullet.
Theme: seekBusiness
  • This is a small bullet.
  • This is a small bullet.
  • This is a small bullet.
Theme: jobsDbRebrand
  • This is a small bullet.
  • This is a small bullet.
  • This is a small bullet.
Theme: jobsDb
  • This is a small bullet.
  • This is a small bullet.
  • This is a small bullet.
Theme: jobStreet
  • This is a small bullet.
  • This is a small bullet.
  • This is a small bullet.
Theme: jobStreetClassic
  • This is a small bullet.
  • This is a small bullet.
  • This is a small bullet.
Theme: wireframe
  • This is a small bullet.
  • This is a small bullet.
  • This is a small bullet.
Code:
<BulletList size="small">
  <Bullet>This is a small bullet.</Bullet>
  <Bullet>This is a small bullet.</Bullet>
  <Bullet>This is a small bullet.</Bullet>
</BulletList>
Xsmall Bullets
Theme: seekAnz
  • This is an xsmall bullet.
  • This is an xsmall bullet.
  • This is an xsmall bullet.
Theme: seekBusiness
  • This is an xsmall bullet.
  • This is an xsmall bullet.
  • This is an xsmall bullet.
Theme: jobsDbRebrand
  • This is an xsmall bullet.
  • This is an xsmall bullet.
  • This is an xsmall bullet.
Theme: jobsDb
  • This is an xsmall bullet.
  • This is an xsmall bullet.
  • This is an xsmall bullet.
Theme: jobStreet
  • This is an xsmall bullet.
  • This is an xsmall bullet.
  • This is an xsmall bullet.
Theme: jobStreetClassic
  • This is an xsmall bullet.
  • This is an xsmall bullet.
  • This is an xsmall bullet.
Theme: wireframe
  • This is an xsmall bullet.
  • This is an xsmall bullet.
  • This is an xsmall bullet.
Code:
<BulletList size="xsmall">
  <Bullet>This is an xsmall bullet.</Bullet>
  <Bullet>This is an xsmall bullet.</Bullet>
  <Bullet>This is an xsmall bullet.</Bullet>
</BulletList>
Large Bullets
Theme: seekAnz
  • This is a large bullet.
  • This is a large bullet.
  • This is a large bullet.
Theme: seekBusiness
  • This is a large bullet.
  • This is a large bullet.
  • This is a large bullet.
Theme: jobsDbRebrand
  • This is a large bullet.
  • This is a large bullet.
  • This is a large bullet.
Theme: jobsDb
  • This is a large bullet.
  • This is a large bullet.
  • This is a large bullet.
Theme: jobStreet
  • This is a large bullet.
  • This is a large bullet.
  • This is a large bullet.
Theme: jobStreetClassic
  • This is a large bullet.
  • This is a large bullet.
  • This is a large bullet.
Theme: wireframe
  • This is a large bullet.
  • This is a large bullet.
  • This is a large bullet.
Code:
<BulletList size="large">
  <Bullet>This is a large bullet.</Bullet>
  <Bullet>This is a large bullet.</Bullet>
  <Bullet>This is a large bullet.</Bullet>
</BulletList>
Decreased space between Bullets
Theme: seekAnz
  • Decreased space below bullet.
  • Decreased space below bullet.
  • Decreased space below bullet.
Theme: seekBusiness
  • Decreased space below bullet.
  • Decreased space below bullet.
  • Decreased space below bullet.
Theme: jobsDbRebrand
  • Decreased space below bullet.
  • Decreased space below bullet.
  • Decreased space below bullet.
Theme: jobsDb
  • Decreased space below bullet.
  • Decreased space below bullet.
  • Decreased space below bullet.
Theme: jobStreet
  • Decreased space below bullet.
  • Decreased space below bullet.
  • Decreased space below bullet.
Theme: jobStreetClassic
  • Decreased space below bullet.
  • Decreased space below bullet.
  • Decreased space below bullet.
Theme: wireframe
  • Decreased space below bullet.
  • Decreased space below bullet.
  • Decreased space below bullet.
Code:
<BulletList space="xsmall">
  <Bullet>Decreased space below bullet.</Bullet>
  <Bullet>Decreased space below bullet.</Bullet>
  <Bullet>Decreased space below bullet.</Bullet>
</BulletList>
Increased space between Bullets
Theme: seekAnz
  • Increased space below bullet.
  • Increased space below bullet.
  • Increased space below bullet.
Theme: seekBusiness
  • Increased space below bullet.
  • Increased space below bullet.
  • Increased space below bullet.
Theme: jobsDbRebrand
  • Increased space below bullet.
  • Increased space below bullet.
  • Increased space below bullet.
Theme: jobsDb
  • Increased space below bullet.
  • Increased space below bullet.
  • Increased space below bullet.
Theme: jobStreet
  • Increased space below bullet.
  • Increased space below bullet.
  • Increased space below bullet.
Theme: jobStreetClassic
  • Increased space below bullet.
  • Increased space below bullet.
  • Increased space below bullet.
Theme: wireframe
  • Increased space below bullet.
  • Increased space below bullet.
  • Increased space below bullet.
Code:
<BulletList space="xlarge">
  <Bullet>Increased space below bullet.</Bullet>
  <Bullet>Increased space below bullet.</Bullet>
  <Bullet>Increased space below bullet.</Bullet>
</BulletList>
Secondary Tone
Theme: seekAnz
  • This is a secondary bullet.
  • This is a secondary bullet.
  • This is a secondary bullet.
Theme: seekBusiness
  • This is a secondary bullet.
  • This is a secondary bullet.
  • This is a secondary bullet.
Theme: jobsDbRebrand
  • This is a secondary bullet.
  • This is a secondary bullet.
  • This is a secondary bullet.
Theme: jobsDb
  • This is a secondary bullet.
  • This is a secondary bullet.
  • This is a secondary bullet.
Theme: jobStreet
  • This is a secondary bullet.
  • This is a secondary bullet.
  • This is a secondary bullet.
Theme: jobStreetClassic
  • This is a secondary bullet.
  • This is a secondary bullet.
  • This is a secondary bullet.
Theme: wireframe
  • This is a secondary bullet.
  • This is a secondary bullet.
  • This is a secondary bullet.
Code:
<BulletList tone="secondary">
  <Bullet>This is a secondary bullet.</Bullet>
  <Bullet>This is a secondary bullet.</Bullet>
  <Bullet>This is a secondary bullet.</Bullet>
</BulletList>

Required props

children
ReactNode

Optional props

size
"xsmall" | "small" | "large" | "standard"
space
ResponsiveProp<"medium" | "gutter" | "xxsmall" | "xsmall" | "small" | "large" | "xlarge" | "xxlarge" | "none">
tone
"neutral" | "secondary"

Further References