Skip to content

Make highlight line styling optional or customizable #102

@BernardoCamposstark

Description

@BernardoCamposstark

Would it be possible to make the following code optional, or at least allow us to override its styles?

<div
        style={highlightStyle}
      >
        <div
          style={{
            position: 'absolute',
            top: 0,
            bottom: 'auto',
            left: 0,
            right: 'auto',
            width: '100%',
            height: '1px',
            background: '#d9d9d9',
            transform: 'scaleY(0.5)',
          }}
        />
        <div
          style={{
            position: 'absolute',
            top: 'auto',
            bottom: 0,
            left: 0,
            right: 'auto',
            width: '100%',
            height: '1px',
            background: '#d9d9d9',
            transform: 'scaleY(0.5)',
          }}
        />
  </div>

This markup adds fixed highlight lines with hardcoded styles, which may not fit all use cases. It would be great if we could:

  • Disable it entirely via a prop, or pass custom styles to override the default ones

Thanks for your consideration, and thanks for the great work on this project!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions