IconButton

Icon Buttons represent minor actions in a flow. It includes a label only for accessibility that is not visible, so the icon must be recognizable by itself.

import { IconButton, IconTrash } from '@vtex/shoreline'

export default function Example() {
  return (
    <IconButton label="Delete">
      <IconTrash />
    </IconButton>
  )
}

Required props

Optional props

Related components

Link

Links represent navigation inside a page or between pages, including to pages outside the Admin. They exist within or directly after a text.

Tab

Tabs are used to create up to five views inside a page. Use for related content that is not comparable, when a unified view is not necessary.

Menu

Menus summarize actions in a dropdown. They can include actions that are rarely used, complementary, or repeated for each item in a Collection.

Button

Buttons with labels represent the most important actions that users frequently trigger. They can vary in prominence and can include an icon.