Компонент Drawer

show уравляет состоянием компонента. title добавляет заголовок second позволяет делать второй уровень вложенности компонента.

  import { Button } from "@eisgs/button";

  const [ isOpenOne, setIsOpenOne ] = React.useState(false);
  const [ isOpenTwo, setIsOpenTwo ] = React.useState(false);

  <>
    <Button onClick={() => setIsOpenOne(true)}>Показать Drawer первого уровня</Button>
    <Drawer
      show={isOpenOne}
      title="Drawer"
      onClose={() => setIsOpenOne(false)}
    >
      Текст
      <Button onClick={() => setIsOpenTwo(true)}>Показать Drawer второго уровня</Button>
    </Drawer>
    <Drawer
      show={isOpenTwo}
      second
      title="Drawer 2"
      onClose={() => setIsOpenTwo(false)}
    >
      Текст 2
    </Drawer>
  </>