```jsx
<List inline padding>
  <TextButton brand="primary">Primary</TextButton>

  <TextButton brand="secondary">Secondary</TextButton>

  <TextButton brand="danger">Danger</TextButton>

  <TextButton brand="warning">Warning</TextButton>

  <TextButton brand="info">Info</TextButton>

  <TextButton text="purple">Custom</TextButton>
</List>
```