Skip to content

Commit

Permalink
style: tabbing
Browse files Browse the repository at this point in the history
  • Loading branch information
Carl-J-M committed Sep 13, 2024
1 parent 1f6a006 commit 6b1adb2
Showing 1 changed file with 15 additions and 6 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -80,12 +80,21 @@ InputButtonGroupSelect.parameters = {
export const InputButtonGroupSearch: StoryObj = {
render: () => html`
<diamond-input-button-group>
<diamond-input>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor">
<path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z"/>
</svg>
<input value="" placeholder="Search..." />
</diamond-input>
<diamond-input>
<svg
xmlns="http://www.w3.org/2000/svg"
height="24px"
viewBox="0 -960 960 960"
width="24px"
fill="none"
>
<path
d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z"
fill="currentColor"
/>
</svg>
<input value="" placeholder="Search..." />
</diamond-input>
<diamond-button>
<button type="button">Submit</button>
</diamond-button>
Expand Down

0 comments on commit 6b1adb2

Please sign in to comment.