Lists

Usage

  • Browsers
  • Chrome
  • Safari
  • Firefox
    Firefox is the spiritual successor of Netscape Navigator.
<List style="max-width:300px">
	<ListItem>Browsers</ListItem>
	<Divider />
	<ListItem>Chrome</ListItem>
	<ListItem>Safari</ListItem>
	<ListItem>
		Firefox
		{#snippet supportingText()}
			Firefox is the spiritual successor of Netscape Navigator.
		{/snippet}
	</ListItem>
	<ListItem type="button">
		Compare benchmarks
		{#snippet supportingText()}
			This will open a new tab
		{/snippet}
		{#snippet end()}
			<OpenInNewIcon />
		{/snippet}
	</ListItem>
</List>

Icon Item

  • Account
  • Setting
  • Sign out
<List style="max-width:300px">
	<ListItem>
		Account
		{#snippet start()}
			<PersonIcon />
		{/snippet}
	</ListItem>
	<Divider />
	<ListItem>
		Setting
		{#snippet start()}
			<SettingsIcon />
		{/snippet}
	</ListItem>
	<Divider />
	<ListItem>
		Sign out
		{#snippet start()}
			<LogoutIcon />
		{/snippet}
	</ListItem>
</List>