Remove reliance on InlineList

This commit is contained in:
Marcus Blättermann 2022-11-13 18:35:57 +01:00
parent 0fe4f87072
commit c48c8d55e7
No known key found for this signature in database
GPG Key ID: A1E1F04008AC450D

View File

@ -65,7 +65,7 @@ import { Colors, Patterns } from 'widgets/styleguide'
## Typography {#typography} ## Typography {#typography}
import { H1, H2, H3, H4, H5, Label, InlineList } from 'components/typography' import { H1, H2, H3, H4, H5, Label } from 'components/typography'
> #### Markdown > #### Markdown
> >
@ -179,13 +179,11 @@ new anymore. Setting `variant="model"` takes a description of model capabilities
and can be used to mark features that require a respective model to be and can be used to mark features that require a respective model to be
installed. installed.
<InlineList> <p>
<Tag>method</Tag>
<Tag>method</Tag> <Tag variant="new">4</Tag> <Tag variant="model"> <Tag variant="new">4</Tag>
tagger, parser <Tag variant="model">tagger, parser</Tag>
</Tag> </p>
</InlineList>
### Buttons {#buttons} ### Buttons {#buttons}
@ -200,25 +198,21 @@ Link buttons come in two variants, `primary` and `secondary` and two sizes, with
an optional `large` size modifier. Since they're mostly used as enhanced links, an optional `large` size modifier. Since they're mostly used as enhanced links,
the buttons are implemented as styled links instead of native button elements. the buttons are implemented as styled links instead of native button elements.
<InlineList> <p>
<Button to="#" variant="primary"> <Button to="#" variant="primary">Primary small</Button>
Primary small
</Button>
<Button to="#" variant="secondary">
Secondary small
</Button>
</InlineList>
<br /> {' '}
<InlineList> <Button to="#" variant="secondary">Secondary small</Button>
<Button to="#" variant="primary" large> </p>
Primary large
</Button> <p>
<Button to="#" variant="secondary" large> <Button to="#" variant="primary">Primary small</Button>
Secondary large
</Button> {' '}
</InlineList>
<Button to="#" variant="secondary">Secondary small</Button>
</p>
## Components ## Components