Bulleted List

Base Foundry stack

Bulleted lists are everywhere. But they don’t need to be solely utilitarian. The bulleted list stay allows for normal, or icon enhanced lists.

  • Easily rearrange list items
  • Set custom icon color
  • Assign Typeface fonts to Bulleted List
  • Use standard or icon bullets
  • Set custom line spacing
  • Add custom badge to indiviual list items
  • Please Note: Features on this page marked with the purple moon icon are compatible with Foundry's Dark Mode.

Example

The lists above use a couple of Bulleted List stacks that use a checkmark icon for their bullets. We’ve include a couple more examples below.

  • Bulleted List Item
  • Bulleted List Item
  • Bulleted List Item Badge
  • Bulleted List Item
  • Bulleted List Item
  • Bulleted List Item
  • Bulleted List Item
  • Bulleted List Item
  • Bulleted List Item

Using Bulleted List

General

Bullet Style
Choose the type of bullet to use for your list. You can choose from Disc, Circle, Square, Number, Number with Leading Zero, Letters, Letters (uppercase), Roman Numerals, Roman Numerals (uppercase) or Custom Individual Icons.

If you choose the Custom Individual Icons option you will choose a custom icon for each list item. This is done inside of the child stack.

Starting with Foundry v2 you can also choose "None" for your bullet style, which will remove the bullet points from your items. v2

Font v2
Allows you to choose to use the Base Font assigned in the Foundry Control Center or to assign a Typeface based font to your Bulleted List.

Font Weight v2
Use this setting to adjust the font weight of your Bulleted List items when you've assigned them a Typeface font. If you're using the Control Center's Base Font instead of a Typeface font your font weight will be set to match the Base Font's settings.

Custom Font Sizes v2
Enabling this feature allows you to set a custom font size for your list at each of the three different responsive breakpoints.

Styling

List Style
Set the color of the list text to match your site’s content. Use one of Foundry’s color swatch presets or make use of custom color pickers to style your list text.

Icon Style
Set the color of the icons to match your site’s content. Use one of Foundry’s color swatch presets or make use of custom color pickers to style your list text.

Custom Line Spacing v2
Allows you to add spacing to the bottom of the list items. When enabled you'll set a margin to be added to each list item at each of the three breakpoints.

Advanced

Inline Items
Display your Bulleted List items inline with one another horizontally instead of vertically.


Child Stack

List Item

Bullet Item
Provide your custom text here for each individual list item in your Bulleted List stack.

Icon
If you’ve chosen the Custom Individual Icons option for your bullets in the main parent stack you would set your custom icon for each individual list item here. You can choose from over 300 different icons.

Badge v2
When turned on you are able to add badge text to the end of your list item. You can also style it using preset brand colors or a custom color picker.

Badge Style v2
Set the color of the Linked List to match your site using one of Foundry’s color swatch presets or make use of custom color pickers.

Pill Shaped v2
When enabled the badge will have an oblong, rounded shape instead of a boxier design.

Insight
Horizontal Display

Using the Inline Items option of the Bulleted list stack allows us to create a horizontally oriented list.