-
Notifications
You must be signed in to change notification settings - Fork 7
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
InlineBlockList component #136
Conversation
} | ||
|
||
&:after { | ||
content: attr(data-separator); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🕶️
const { | ||
className, | ||
items, | ||
separator, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
love the flexibility here with separator
src/InlineBlockList.jsx
Outdated
return ( | ||
<ul | ||
className={classNames} | ||
{...other}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
minor code style thing - we've been wrapping the closing >
to the next line for readability
src/inlineBlockList.story.jsx
Outdated
() => ( | ||
<InfoWrapper> | ||
<InlineBlockList | ||
style={{padding: '20px'}} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I'd prefer to import a Section
& Chunk
here to an inline style. Showing layout components in the examples (even if they're unrelated to InlineBlockList
) seems like it would be helpful
…sts because I fucking can
src/inlineBlockList.test.jsx
Outdated
@@ -18,7 +18,7 @@ const ITEMS = [ | |||
'日本語', | |||
'한국어', | |||
], | |||
SEPARATOR = '·'; | |||
SEPARATOR = '☃'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
💯 ⛄️
Related issues
Needed for header and footer navigation redesign for replatform
Description
Takes an array of text strings or elements and creates a list that is displayed inline
Screenshots (if applicable)